@charset "utf-8";
.film_focus .film_focus_imgs_wrap{
	background:url(images/load.gif) no-repeat center center;
}
.film_focus .film_focus_desc h3{
	line-height: 45px;
	overflow: hidden;
	position: absolute;
	left: 232px;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	width: 100%;
	padding-left: 20px;
	z-index: 99;
	margin: 0px;
	font-size: 16px;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');
}
.film_focus ul.film_focus_nav li b{display:none}
.film_focus ul.film_focus_nav li b span{display:block}
.film_focus ul.film_focus_nav li.cur b{display:block;vertical-align: middle;display: table-cell;height:25%;}
.film_focus ul.film_focus_nav li.cur span{display:none}


@media (min-width: 1200px){
.film_focus{
	width: 100%;
	height: 590px;
	overflow: hidden;
	position: relative;
	padding: 0px;
	margin: 0px auto;
}

.film_focus ul.film_focus_imgs{
	height:590px;height:9999em;
	position:absolute;
	right:0;top:0;
	overflow:hidden;
}
.film_focus ul.film_focus_imgs li{
	height: 590px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.film_focus ul.film_focus_imgs li img{
	height: 590px;
	margin: 0px;
	padding: 0px;
	width: 45%;
}

.film_focus ul.film_focus_nav{
	width: 30%;
	height: 590px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	background-image: url(../images/index_ad_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.film_focus ul.film_focus_nav li{
	height: 25%;
	margin: 0px;
	padding-top: 30px;
	padding-left: 35px;
	position: relative;
	width: 90%;
	cursor: pointer;
	cursor: hand;
	color: #333;
	font-weight: normal;
	font-size: 20px;
	overflow: hidden;
	line-height: 25px;
}

.film_focus ul.film_focus_nav li.cur{
	background-repeat: repeat-y;
	background-image: url(../images/hd_on.png);
	width: 100%;
	height: 25%;
	left: 0px;
	padding-top: 30px;
	padding-right: 33px;
	padding-left: 25px;
	padding-bottom: 0;
	word-break: break-all;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	overflow: hidden;
	margin: 0px;
	line-height: 30px;
	background-position: left center;
}

}

@media (min-width: 992px) and (max-width: 1199px){

.film_focus{
	width: 100%;
	height: 490px;
	overflow: hidden;
	position: relative;
	padding: 0px;
	margin: 0px auto;
}

.film_focus ul.film_focus_imgs{
	height:490px;height:9999em;
	position:absolute;
	right:0;top:0;
	overflow:hidden;
}
.film_focus ul.film_focus_imgs li{
	height: 490px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.film_focus ul.film_focus_imgs li img{
	height: 490px;
	margin: 0px;
	padding: 0px;
	width: 741px;
}

.film_focus ul.film_focus_nav{
	width: 30%;
	height: 490px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	background-image: url(../images/index_ad_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}
.film_focus ul.film_focus_nav li{
	height: 25%;
	margin: 0px;
	padding-top: 30px;
	padding-left: 25px;
	position: relative;
	width: 90%;
	cursor: pointer;
	cursor: hand;
	color: #333;
	font-weight: normal;
	font-size: 18px;
	overflow: hidden;
	line-height: 25px;
}

.film_focus ul.film_focus_nav li.cur{
	background-repeat: repeat-y;
	background-image: url(../images/hd_on_01.png);
	width: 100%;
	height: 25%;
	left: 0px;
	padding-top: 30px;
	padding-right: 5px;
	padding-left: 25px;
	padding-bottom: 0;
	word-break: break-all;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	overflow: hidden;
	margin: 0px;
	line-height: 30px;
	background-position: left center;
}
	
}

@media (min-width: 768px) and (max-width: 991px){

.film_focus{
	width: 100%;
	height: 390px;
	overflow: hidden;
	position: relative;
	padding: 0px;
	margin: 0px auto;
}

.film_focus ul.film_focus_imgs{
	height:390px;height:9999em;
	position:absolute;
	right:0;top:0;
	overflow:hidden;
}
.film_focus ul.film_focus_imgs li{
	height: 390px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.film_focus ul.film_focus_imgs li img{
	height: 390px;
	margin: 0px;
	padding: 0px;
	width: 590px;
}

.film_focus ul.film_focus_nav{
	width: 30%;
	height: 390px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	background-image: url(../images/index_ad_bg_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.film_focus ul.film_focus_nav li{
	height: 25%;
	margin: 0px;
	padding-top: 15px;
	padding-left: 20px;
	position: relative;
	width: 90%;
	cursor: pointer;
	cursor: hand;
	color: #333;
	font-weight: normal;
	font-size: 16px;
	overflow: hidden;
	line-height: 25px;
}

.film_focus ul.film_focus_nav li.cur{
	background-repeat: repeat-y;
	background-image: url(../images/hd_on_02.png);
	width: 100%;
	height: 25%;
	left: 0px;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 20px;
	padding-bottom: 0;
	word-break: break-all;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	overflow: hidden;
	margin: 0px;
	line-height: 30px;
	background-position: left center;
}
	
}
@media (max-width: 767px){

.film_focus{
	width: 100%;
	height: 192px;
	overflow: hidden;
	position: relative;
	padding: 0px;
	margin: 0px auto;
}

.film_focus ul.film_focus_imgs{
	height:192px;height:9999em;
	position:absolute;
	right:0;top:0;
	overflow:hidden;
}
.film_focus ul.film_focus_imgs li{
	height: 192px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.film_focus ul.film_focus_imgs li img{
	height: 192px;
	margin: 0px;
	padding: 0px;
	width: 80%;
}

.film_focus ul.film_focus_nav{
	width: 20%;
	height: 192px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	background-image: url(../images/index_ad_bg_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.film_focus ul.film_focus_nav li{
	height: 25%;
	margin: 0px;
	padding-top: 5px;
	padding-left: 5px;
	position: relative;
	width: 90%;
	cursor: pointer;
	cursor: hand; 
	color: #333;
	font-weight: normal;
	font-size: 0px;
	overflow: hidden;
	line-height: 15px;
}

.film_focus ul.film_focus_nav li.cur{
	background-repeat: repeat-y;
	background-image: url(../images/hd_on_03.png);
	width: 100%;
	height: 25%;
	left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0;
	word-break: break-all;
	color: #fff;
	font-weight: bold;
	font-size: 0px;
	overflow: hidden;
	margin: 0px;
	line-height: 15px;
	background-position: left center;
}
.film_focus_imgs img{
	width: 100%;
	height: 100%;
}
}