/*home*/
.home_content { background: #000; }
.page_content img {
	display: block;
	max-width: 100%;
}
.videobox img { height: 100%; }

.home_content .video { position: relative; }
.videobox {
}
.vedios {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -235px 0 0 -400px;
	display: none;
}
.videocon {
	position: absolute;
	top: 50%;
	width: 1365px;
	left: 50%;
	display: none;
	margin: -384px 0 0 -682px;
	border: 1px solid #111;
}
.vedios .close {
	position: absolute;
	top: 0;
	right: -25px;
	padding:0 11px;
	background: url(../images/close.jpg) no-repeat center center;
	width: 14px;
	height: 14px;
	z-index: 10;
	cursor: pointer;
}
.playbtn {
	background: url(../images/playbtn.png) no-repeat center center;
	width: 65px;
	height: 15px;
	padding: 10px;
	margin: 0 auto;
	padding-top: 50%;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.5;
	cursor: pointer;
}
.playbtn:hover {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.pro_series {
	background: #000;
	height: 100%;
	overflow: hidden;
}

.pro_series_big{ width:71.9101%; float:left; position:relative;}
.pro_series_small{ width:28.0898%; float:left; }
.pro_series_big .infocon{ position:absolute; top:50%; left:50%; width:200px; height:100px; margin:-50px 0 0 -100px; color:#d9b384; text-align:center;}
.pro_series_big .infocon .infocon_t{ font-size:22px; letter-spacing:2px; text-transform:uppercase;}
.pro_series_big .infocon h1{ font-weight:normal;}
.seriesinfo{ position:relative;}
.seriesinfo .infocon{
	margin-top: -100px;
    padding: 5%;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 90%;
	color:#7f7f7f;}
.seriesinfo .infocon .infocon_t{ font-size:14px; letter-spacing:2px; text-transform:uppercase; background:url(../images/homexian.png) no-repeat center center;}
.seriesinfo .infocon h1{ font-weight:normal; font-size:50px; margin-top:10px;}

.seriesinfo .infocon a.more, .bannercon a.more{
	border: 1px solid #d9b384;
	color: #C2A385;
	display: block;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 165px;
	opacity:1;
	bottom:0;
	left:0;
	margin-top:30px;
}
.bannercon a.more{ margin-top:15px;}
.seriesinfo a.more:hover, .bannercon a.more:hover {
	color: #fff;
	background: #d8aa71\9;
}
.seriesinfo a.more:after, .bannercon a.more:after {
	content: "";
	position: absolute;
	transition: all 0.3s ease 0s;
	-wekkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	background: none repeat scroll 0 0 #d8aa71;
	height: 0%;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	width: 100%;
	z-index: -1;
}
.seriesinfo a.more:hover:after, .bannercon a.more:hover:after { height: 300%; }
.pro_series .seriesinfo .infocon a.more, .bannercon a.more {
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 130ms;
	-moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 130ms;
	-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 130ms;
	transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 130ms;
}
.pro_series .fadeimg{ filter:alpha(opacity=70);opacity:0.7; transition:all 0.2s ease 0s;}
.pro_series .fadeimg:hover{filter:alpha(opacity=100);opacity:1;}

/* banner */
.slider li img {position: relative;width: 100%;}
.banner{width: 100%;margin: auto; background:#000;}
.roundabout-slider {position: relative;width: 100%;}
.roundabout-list {width: 100%;}

.roundabout-loading .roundabout-list { background: #fff url(../images/ajax-loader.gif) center center no-repeat; }
.roundabout-loading .roundabout-track { visibility: hidden; }
.roundabout-slider { position: relative; display: block; }
.roundabout-slider .roundabout-list { overflow: hidden; display: block; margin: 0px; padding: 0px; }
.roundabout-slider .roundabout-track { position: relative; left: 0px; top: 0px; }
.roundabout-slider .roundabout-list .slide { display: block; list-style-type: none; float: left; position:relative; }
.roundabout-slider .roundabout-list .slide img { display: block; }

.roundabout-slider .roundabout-prev { position: absolute; background: url(../images/left.png) 0 0 no-repeat; display: block; height: 45px; width: 24px; text-indent: -9999px; top: 50%; margin-top: -25px; left: 10px; padding: 10px; }
.roundabout-slider .roundabout-next { position: absolute; background: url(../images/right.png) 0 0 no-repeat; display: block; height: 45px; width: 24px; text-indent: -9999px; top: 50%; margin-top: -25px; right: 10px; padding: 10px; }
.roundabout-dots {position:absolute; bottom:10px; padding:0; left:50%; margin-left:-15px; }
.roundabout-dots li { float:left; height:8px; width:8px; border-radius:4px; margin:5px; font-size:0; background:#fff; opacity: 0.6; }
.roundabout-dots li.active {height:8px; background:#996533; opacity: 1; }
.roundabout-dots li a { display: block; height: 8px; width: 8px; }
.roundabout-slider img { display: none; }
.sliderInitialized  img { display: block; }

.roundabout-slider .roundabout-prev { left:0px; opacity: 0; transition: opacity .25s, left .25s; -webkit-transition: opacity .25s, left .25s; }
.roundabout-slider .roundabout-next { right:0px; opacity: 0; transition: opacity .25s, right .25s; -webkit-transition: opacity .25s, right .25s; }
.roundabout-slider:hover .roundabout-prev { transition: opacity .25s, left .25s; -webkit-transition: opacity .25s, left .25s; opacity: 1; left: 10px; }
.roundabout-slider:hover .roundabout-next { transition: opacity .25s, right .25s; -webkit-transition: opacity .25s, right .25s; opacity: 1; right: 10px; }

.roundabout-slider .roundabout-list .slide .bannercon{ position:absolute; top:50%; left:50%; width:400px; height:160px; margin:-80px 0 0 -200px; text-align:center; color:#fff;}

.bannercon h3{ font-size:14px; text-transform:uppercase; font-weight:normal;}
.bannercon h1{ font-size:50px; font-weight:normal; padding:0 0 10px 0; letter-spacing:3px;}

@media screen and (max-width: 1300px) {
.seriesinfo .infocon h1{ font-size:30px;}
}