body,html {
	/*
	position: relative;
	height: 100%;*/
}
.swiper-wrapper {
	/*background-color: #fcc;
	display:none;
	*/
	height: 500px;
	
}
.swiper-container {
	/*background-color: #FFF;
	height: 500px;*/
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}


.swiper-content {
	/*
	position: absolute;
	width: 363px;*/
	/*background-color: #FFF;*/
	margin-left: 0px;
	height: 500px;
}
.swiper-content .inner {
	padding: 0px;
	/*background-color: #FFF;*/
	height: 500px;
	width: 363px;
	margin-top:0px;
	/*border:solid 4px red;*/
}
.swiper-content .inner div{
	/*display:none;*/
}
.swiper-content h1 {
	margin: 0 0 15px;
	font-size: 25px;
}
.swiper-content .swiper-slide {
	/*border:solid 1px blue;
	overflow:hidden; */ 
	overflow-x:hidden; 
	overflow-y:auto;    
}
/*
.swiper-content .movie-pic {
	float: left;
	width: 620px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}*/
.swiper-content .movie-text {
	margin-right: 20px;
	float: left;
	margin-top: 320px;
	margin-left: 20px;
	width: 240px;
}
.swiper-nav {
	height: 15px;
	/*
	position: absolute;
	left: 0;
	bottom: 0;*/
	width: auto!important;
	/*background: #ccc;*/
	margin-left:0px;
	margin-bottom:20px;	/*box-shadow: 0px 1px 3px rgba(0,0,0,0.5) inset;*/
}



.swiper-nav .swiper-slide {
	/*
	width: 80px;
	height: 95px;*/
	
	position: relative;
	text-align: left;
	/*
	float:left;
	border:solid 1px pink;
	*/
}
.swiper-nav .swiper-slide, .swiper-nav .angle {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.swiper-nav .angle {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ffc;
	position: absolute;
	left: 43%;
	margin-left: -3px;
	top: -1px;
	opacity: 0;
}
.swiper-nav .active-nav {

	/*background: #fff;*/
	/*box-shadow: 0px 2px 5px rgba(0,0,0,0.8) inset;*/
}
.swiper-nav .active-nav .angle {
	opacity: 1;
}
.swiper-nav .swiper-wrapper {
	margin: 0 auto; margin: 0px;
}
.swiper-nav img {
	margin-top: 0px;
	margin-right:20px;
	margin-bottom:20px;
	width: 140px;
	height: 140px;
}
.swiper-nav .title {
	margin: 0 5px;
	font-size: 10px;
	font-weight: bold;
	position: relative;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.info, .info2 {
	display:none;
}
.infobox {
	border-left: 6px solid red;
	display:none;
}
.textbox {
	/*background-color: #0Fc;border:solid 1px red;*/
	float: left;
	width: 363px;
	color:#FFF;


}
.textbox p, .textbox h1, .textbox h2, .textbox h3{
	margin-top:5px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:10px;
}
.textbox img{
	width: 343px;
	width: 100%;
	height: auto;
}
.textbox p, .textbox h3 {font-size: 14px; line-height: 18px;}
.textbox span {white-space: nowrap;}
/* Desktop XLarge */
@media only screen and (min-width: 1536px) and (max-width: 3000px) {
	.swiper-content, .swiper-wrapper { height:900px; }
	.swiper-content .inner { width: 546px; height:900px; margin-top: 15px;  }	
	.textbox { width: 546px; }
	.textbox p, .textbox h1, .textbox h2, .textbox h3, .textboxXX img {  margin-top: 15px; margin-left: 15px;  margin-right: 15px; }
	.textbox p, .textbox h3 {font-size: 16px; line-height: 20px;}
}



/* Desktop large */
@media only screen and (min-width: 1280px) and (max-width: 1535px) {
	.swiper-content, .swiper-wrapper { height:760px; }
	.swiper-content .inner { width: 455px; height:760px; margin-top: 12px;  }	
	.textbox { width: 455px;  float:none;}
	.textbox p, .textbox h1, .textbox h2, .textbox h3, .textboxXX img {  margin-top: 12px; margin-left: 12px;  margin-right: 12px; }
	.textbox p, .textbox h3 {font-size: 15px; line-height: 19px;}
}

@media only screen and (max-width: 768px) {
	.swiper-content { /*background-color:gold;*/}
	.inner {/*display:none;*/}
	
}
/* Tablet Portrait 
@media only screen and (min-width: 768px) and (max-width: 1023px) {*/
@media only screen and (max-width: 768px) {
	.swiper-content, .swiper-wrapper { height:260px; height: calc(100vh - 120px); width: calc(100% - 4px); width: calc(100vw - 0px);}
	.swiper-content .inner {  /*border:solid 1px blue;*/ }
	.swiper-wrapper, .swiper-content, .swiper-content .inner { /*height: 260px; */}
	.swiper-content .inner {  width: 768px; width: 100%; width: calc(100% - 4px); width: calc(100vw - 0px); margin-top: 10px;}
	.textbox { width: 373px; width: 100%;  }
	.textbox img{ margin-bottom:10px;}
	.swiper-container { margin-bottom:0px; }


}

/*
@media only screen and (min-width: 320px)  and (max-width: 767px) {
	

	
	
}


@media only screen and (min-width: 512px) and (max-width: 767px) {
.swiper-content, .swiper-wrapper,.swiper-content .inner { height:600px; }	
.swiper-content .inner { width: 512px; margin-top: 0px;}	
.textbox { width: 512px; }
.textbox p, .textbox h1, .textbox h2, .textbox h3 {  margin-top: 12px; margin-left: 12px;  margin-right: 12px; }
	
}

@media only screen and (min-width: 375px)  and (max-width: 511px) {
.swiper-content, .swiper-wrapper, .swiper-content .inner { height:460px; }	
.swiper-content .inner { width: 375px; margin-top: 0px; }	
.textbox { width: 375px; }
.textbox p, .textbox h3 {font-size: 16px; line-height: 18px;}		

}

@media only screen and (min-width: 320px)  and (max-width: 374px) {
.swiper-content, .swiper-wrapper, .swiper-content .inner { height:420px; }	
.swiper-content .inner { width: 320px; margin-top: 0px;  }	
.textbox { width: 320px; }
.textbox p, .textbox h3 {font-size: 16px; line-height: 18px;}	

}
*/