/*焦点图*/
.focus-wrap { width:100%; overflow:hidden; position:relative; /*border-top:1px solid #7a7a7a;*/ padding:4px 0 0 0; margin:0;}
/*.focus { position:relative; width:1008px; height:518px; margin:0 auto;}*/
.focus { position:relative; width:335px; height:618px; margin:0 auto; /*border:1px solid #f00;*/}
/*.focus .focus-container { width:10000px; height:500px; position:absolute; top:0; left:0; }*/
.focus .focus-container { width:10000px; height:580px; position:absolute; top:0; left:0; /*border:1px solid #f00;*/ }
/*.focus li { float:left; width:1008px; height:500px; margin:0; overflow:hidden; display:inline; position:relative }
.focus li img{ width:1008px; height:500px;}*/
/*.focus li { float:left; width:335px; height:500px; margin:0; overflow:hidden; display:inline; position:relative }*/
.focus li { float:left; width:335px; height:580px; margin:0; overflow:hidden; display:inline; position:relative }
/*.focus li img{ width:1008px; height:335px;}*/
.focus li img{ width:335px; height:335px;}
.focus .info {width:100%; position:absolute; overflow:hidden; top:414px; text-shadow:0px 1px 3px #000; height:86px; left:0; display:none }
.focus .title {font-size:28px; height:38px; line-height:38px; /*padding:10px 135px 0 30px;*/padding:10px 100px 0 30px; overflow:hidden; /*border:1px solid #f00;*/}
.focus .title a { color:#fff }
.focus .title a:hover { text-decoration:none }
.focus .desc { font-size:16px; color:#fff; height:20px; line-height:20px; margin:5px 0 10px 0; /*padding:0 135px 0 30px;*/ padding:0 100px 0 30px; overflow:hidden; /*border:1px solid #f00;*/}
.focus .cover { height:86px; width:100%; background:#000; position:absolute; top:414px; opacity: 0.5; filter: alpha(opacity=50); left:0; display:none}
/*.focus .next, .focus .prev, .focus .pn-line { position:absolute; height:51px; width:27px; text-align:center; line-height:46px; text-indent:-999em; overflow:hidden; top:433px; z-index:100; background-image:url(/haoyang/images/f.png); background-repeat:no-repeat; -webkit-transition: padding 0.25s linear; -moz-transition: padding 0.25s linear; -ms-transition: padding 0.25s linear; -o-transition: padding 0.25s linear; transition: padding 0.25s linear; }*/
.focus .next, .focus .prev /*, .focus .pn-line */{ position:absolute; height:51px; width:27px; text-align:center; line-height:46px; text-indent:-999em; overflow:hidden; top:433px; z-index:100; background-image:url(/images/f.png); background-repeat:no-repeat; -webkit-transition: padding 0.25s linear; -moz-transition: padding 0.25s linear; -ms-transition: padding 0.25s linear; -o-transition: padding 0.25s linear; transition: padding 0.25s linear;}
.focus .prev { /*right:80px;*/ right:55px; background-position:0 -52px; /*border:1px solid #00f;*/ }
.focus .prev:hover { background-position:0 0; /*padding-right:5px;*/ padding-right:3px }
.focus .next { /*left:1145px;*/ /*left:1155px;*/ left:963px; background-position:right -156px; /*border:1px solid #00f;*/ }
.focus .next:hover { background-position:right -104px; /*padding-left:5px;*/ padding-left:3px }
.focus .pn-line { width:31px; height:68px; background:url(s24.png) no-repeat -474px -216px; right:44px; top:405px }
/*.focus .trigger { position:absolute; left:0; top:500px; z-index:10; width:898px; height:18px; }*/
.focus .trigger { position:absolute; left:0; top:580px; z-index:10; width:898px; height:18px; /*border:1px solid #0f0;*/ }
.focus .trigger span { float:left; margin-right:11px; /*width:125px;*/ /*width:98px;*/ /*width:50px;*/ width:20px; cursor:pointer; height:18px; line-height:0; font-size:0; position:relative; overflow:hidden; text-indent:-9999px; overflow:hidden }
.focus .trigger .last{ margin-right:12px}
.focus .trigger i { /*height:2px;*/ height:1px; width:100%; overflow:hidden; /*background:#000;*/background:#888; margin-top:8px; line-height:0; display:block; font-size:0 }
.trigger-cover { /*width:125px;*/ /*width:98px;*/ /*width:50px;*/ width:20px; /*height:4px;*/ height:3px; line-height:0; font-size:0; background:#c33; position:absolute; left:0; /*top:507px;*/ top:587px; z-index:11 }
.seven .trigger { padding-left:68px }
.seven .trigger .last { display:none }
.seven .trigger-cover { left:68px }
.focus .focus-container .eight .info , .focus .focus-container .eight .cover{ display:none;}
/*.lbox, .rbox{height:500px; width:1008px; position:absolute; top:0}
.lbox{ left:-1008px}
.rbox{ right:-1008px}*/
.lbox, .rbox{height:580px; width:335px; position:absolute; top:0}
.lbox{ left:-335px}
.rbox{ right:-335px}
.focus-wrap .mask{ background:#000; opacity: 0.5; filter: alpha(opacity=50); z-index:10; cursor:pointer }
.focus .active .info, .focus .active .cover{ display:block}



.focus-container li.active  {
	float:left;
	margin:0 0 0 85px;
	width: 330px;
	height: 550px;
}

.focus-container .active span {
	float:left;
	width: 330px;
	height: 550px;
	background-size: 330px 100%;
}


.focus-container li {
	float:left;
	margin:0 0 0 85px;
	width: 250px;
	height: 415px;
}

.focus-container span {
	float:left;
	width: 250px;
	height: 415px;
	background-size: 250px 100%;
}