/******PRODUCT DETAIL***********/
/* 这个不用管 */
#preview { float:left; margin:0px auto; width:370px; padding-top:20px; } 
/* 这个控制边框 */
.jqzoom { border-width: 1px; border-style: solid; border-color: #DDD; width:750px; height:750px; margin-bottom: 10px; overflow: hidden; position: relative; overflow: hidden; text-align:center; }
/* 这个是控制图片 */
.jqzoom img{ width:750px; height:750px; overflow:hidden; text-align:center; background-position:center center;}
/* 不管 */
.zoomdiv { width:400px; height:336px; left:859px; z-index: 100; border-bottom:#e4e4e4 1px solid; position: absolute; text-align: center; border-left: #e4e4e4 1px solid; display: none; background: url(../images/loading.gif) #fff no-repeat center center; height: 400px; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0px }

/* 小图组外边的宽 */
#spec { position: relative; width:100%; height:95px;  overflow: hidden; }
.specLeftT { position: absolute; width:5px; background: url(../images/proddetlicon.gif) no-repeat -157px 0px; float: left; height:9px; top:40px; cursor: pointer; left: 0px }
.specRightT { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -164px 0px; float: left; height:9px; top:40px; cursor: pointer; right: -15px }
.specLeftF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -145px 0px; float: left; height:9px; top:40px; cursor: pointer; left: 0px }
.specRightF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -151px 0px; float: left; height:9px; top:40px; cursor: pointer; right: 0px }

#specList { display: inline; float: left; margin-left: 2px }
/* 这个控制小图组里面的宽 */
#specList { position:absolute; text-align:left; width:100%; height:90px; overflow:hidden; top:0px; left:13px }
#specList ul{ position:absolute; width: 380px; left:0px }
/* 每一个小图 */
#specList ul li { float:left; width:80px; height:80px; display:inline; margin-right:5px; border:1px solid #CCC}
/* 小图图片要减少2px */
#specList ul li img {/* border:#ccc 1px solid;*/ padding-bottom:2px; padding-left:2px; width:78px; height:78px; padding-right:2px; margin-bottom:1px; padding-top:2px }
.bigimg { width:1000px; height:1000px }
.jqZoomPup { z-index:10; border-bottom:#aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 1px solid; width:50px; height:50px; background:#666 no-repeat 50% top; visibility:hidden; border-top:#aaa 1px solid; top:0px; cursor:move; border-right:#aaa 1px solid; left:0px; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5}



@media(max-width:414px) {
	.jqzoom img,.jqzoom {
		width:400px;
		height:400px
	}
	#specList {
		width: 90%;	
	}
}