﻿#MagnifierWrap2{}

.MagnifierMain{position: relative; width:496px; height:348px; border:1px solid #f3f3f3}
.MagnifierMain img{width:496px; height:348px;} 
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

.MagnifierPop{position: absolute;top:0;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;}

.spec-items{position: relative;width: 354px;height: 87px;overflow: hidden;margin: 0 auto; margin-top: 10px; }
.spec-items ul{width: 500%;position: absolute;top: 0;left: 0;}
.spec-items ul *{
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.spec-items li{
	width: 109px;height: 83px;float: left;overflow: hidden;margin-right: 5px;border: 2px solid #fff;cursor: pointer;	
}
.spec-items li.on{border:2px solid #838acd;}
.spec-items li img{
	width: 100%;
    height:100%;
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}
.spec-items li.on img{
	-webkit-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}
span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;  display: block;width: 44px;height: 76px;line-height: 76px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: pointer;background-color: #f9f9f9;}
/*span.on{background-color: #ccc;color: #999;cursor: pointer;}*/ 
span.spe_leftBtn{left: 20px; background:url(../../images/lf.png) no-repeat; z-index:99;}
span.spe_rightBtn{right: 20px; background:url(../../images/rf.png) no-repeat; z-index:99}