

#preview {text-align: center; margin: 10px auto 0px; width: 500px; float: none}
.jqzoom {border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; width: 500px; margin-bottom: 10px; height: 500px; overflow: hidden; border-top: #ddd 1px solid; border-right: #ddd 1px solid; _height: 500px; position: relative;}
.zoomdiv {width: 500px; height: 500px; 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;  overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0px}
#spec {position: relative; width: 300px; height: 56px; margin-left: 6px; overflow: hidden; padding-top: 6px}
.specLeftT {position: absolute; width: 12px; background: url(../images/p_left.png) no-repeat; float: left; height: 56px; top: 0px; cursor: pointer; left: 0px}
.specRightT {position: absolute; width: 12px; background: url(../images/p_right.png) no-repeat; float: left; height: 56px; top: 0px; cursor: pointer; right: 0px}
.specLeftF {position: absolute; width: 12px; background: url(../images/p_left.png) no-repeat; float: left; height: 56px; top: 0px; cursor: pointer; left: 0px}
.specRightF {position: absolute; width: 12px; background: url(../images/p_right.png) no-repeat; float: left; height: 56px; top: 0px; cursor: pointer; right: 0px}
#specList {display: inline; float: left; margin-left: 2px}
#specList UL LI {width: 60px; display: inline; float: left; margin-right: 4px}
#specList UL LI IMG {border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; padding-bottom: 2px; padding-left: 2px; width:50px; padding-right: 2px; margin-bottom: 1px; height: 40px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; padding-top: 2px}

.bigimg {
	WIDTH: 1500px; HEIGHT: 1500px
}
.jqZoomPup {z-index: 10; border-bottom: #aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 1px solid; width: 50px; background: #fff no-repeat 50% top; height: 50px; 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}
#specList {POSITION: absolute; TEXT-ALIGN: left; WIDTH: 470px; HEIGHT: 60px; OVERFLOW: hidden; TOP: 0px; LEFT: 13px
}
#specList UL {POSITION: absolute; WIDTH: 470px; LEFT: 4px}
@media (max-width:768px){
	
	#preview {text-align: center; margin: 10px auto 0px; width: 100%; float: none}
	.jqzoom {border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; width:100%; margin-bottom: 10px; height: 400px; overflow: hidden; border-top: #ddd 1px solid; border-right: #ddd 1px solid; _height: 400px; position: relative;}
	
		.jqzoom img {width:100%; height: 400px;}
}