#MagnifierWrap { position: relative; margin-right: 20px; }
.MagnifierMain { position: relative; height: 400px; border: 1px solid #ddd; margin-bottom: 10px; }
.MagnifierMain img { width: 100%; height: 100%; object-fit: contain; }
.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: 292px; height: 60px; overflow: hidden; margin: 0 30px; }
.spec-items ul { width: 500%; position: absolute; left: 0; }
.spec-items ul * { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.spec-items li { width: 60px; height: 60px; float: left; overflow: hidden; margin-right: 5px; border: 1px solid #fff; cursor: pointer; }
.spec-items li.on { border: 1px solid red; }
.spec-items li img { width: 100%; height: 100%; object-fit: cover; }
span.spe_leftBtn, span.spe_rightBtn { position: absolute; display: block; width: 20px; height: 60px; line-height: 60px; 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; }

@media screen and (max-width:768px) {
	#MagnifierWrap { margin-right: 0; }
	.MagnifierMain { height: 60vw; }
}