	*{
			margin: 0;padding: 0; 
		} 
		.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-middle:before,.container-middle:after{content:" ";display:table}
.clearfix:after,.container:after,.container-middle:after{clear:both}
.clearfix {zoom: 1;}
		img{vertical-align: top;border: 0;}
		 #MagnifierWrap{position: relative;width: 350px;margin:100px auto;} 
		#MagnifierWrap2{position: relative;width: 1400px;margin:0px auto; padding-bottom:40px;}
		#MagnifierWrap3{position: relative;width: 1400px;margin:0px auto; padding-bottom:40px;}
		#MagnifierWrap4{position: relative;width: 1400px;margin:0px auto; padding-bottom:40px;}
		#MagnifierWrap5{position: relative;width: 1400px;margin:0px auto; padding-bottom:40px;}
		#MagnifierWrap6{position: relative;width: 1400px;margin:0px auto; padding-bottom:40px;}
		#MagnifierWrap7{position: relative;width: 1400px;margin:0px auto; padding-bottom:40px;}
		#MagnifierWrap8{position: relative;width: 1400px;margin:0px auto; padding-bottom:40px;}

		.MagnifierMain{position: relative;width: 680px;height:370px;}
		.MagnifierMain img{width: 100%; border:#e1e1e1 solid 1px;} 
		.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

		#MagnifierWrap2 .MagnifierPop{position: absolute;top:0;left:680px;overflow: hidden;background:#fff url(http://fan.yoka.com/fan5.0/img/loading.gif) no-repeat center center; }
		#MagnifierWrap3 .MagnifierPop{position: absolute;top:0;left:680px;overflow: hidden;background:#fff url(http://fan.yoka.com/fan5.0/img/loading.gif) no-repeat center center; }
		 .MagnifierImg{position: absolute;top:0; left: 0;}
		 #MagnifierWrap3.MagnifierMain{position: relative; right:0;width: 680px;height:370px;}
		 #MagnifierWrap3 .MagnifierDrag{position: absolute;top:0;right: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}
		 
		 
		
		.pic-items{position: relative;width:680px;height:150px;overflow: hidden;margin: 0 auto;}
		.spec-items{position: relative;width:600px;height:150px;overflow: hidden;padding-top: 10px;margin: 0 auto;}
		.spec-items ul{width: 500%;position: absolute;top: 10px;left: 0;}
		.spec-items ul *{
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}
		.spec-items li{
			width: 140px;height: 70px;float: left;overflow: hidden;margin-right: 8px;border: 1px solid #e1e1e1;cursor: pointer;
			
		}
		.spec-items li.on{border:1px solid #ff6600;}
		.spec-items li img{width: 100%; } 
		/*span.spe_leftBtn,span.spe_rightBtn{position: absolute; z-index:9999999;bottom: 0px;display: block;width: 20px;height: 69px;line-height: 69px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}*/

		span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;top:12px;display: block;width: 20px;height: 69px;line-height: 69px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}
		span.on{background-color: #ccc;color: #999;cursor: pointer;} 
		span.spe_leftBtn{left: 0; }
		span.spe_rightBtn{right: 0;}



.bg{width:1400px;margin:0 auto;overflow: hidden;min-width: 1400px;box-sizing: border-box;background: #fff;}
.bg_left{width:680px;height:auto;float: left; margin:30px 0px;}
.bg_right{ width:680px;float:right; margin:30px 0px;}		
.runji_dt_left{width:680px; float:left;}
	.runji_dt_right{width:680px; float:right;}
	.runji_dt_title{width:680px; font-size:16px; font-weight:bold; line-height:50px; float:left;}
	.runji_dt_info{width:680px; height:150px; font-size:14px; line-height:30px; float:left;}
	.runji_dt_info_cx{width:680px; height:185px; font-size:14px; line-height:30px; float:left;}
	.runji_dt_info_a{width:680px; height:210px; font-size:14px; line-height:30px; float:left;}
	.runji_dt_more{width:680px; float:left; margin:20px 0px;}
	.runji_dt_more a{ width:150px; height:30px; text-decoration:underline; float:right;padding:3px;
	border: 1px solid #5e6872;
	background-color: #fff;
	overflow: hidden;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	color:#5e6872;
	border-radius:20px;
}
.runji_dt_more a:hover{ width:150px; height:30px;  text-decoration:underline;  float:right;padding:3px;
	border: 1px solid #5e6872;
	background-color: #5e6872;
	overflow: hidden;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	color:#fff;
	border-radius: 20px;
}
.picleft{ float:left !important;}
.picright{ float:right !important;}
