#preview {text-align: center;  float: left;
width: 60%;}
.jqzoom {width: 77%; margin-bottom: 10px;overflow: hidden; _height: 310px; position: relative;float: left;}
.zoomdiv {width: 310px; height: 310px; left: 859px;z-index: 100; border-bottom: #e4e4e4 1px solid; position: absolute; text-align: center; border-left: #e4e4e4 1px solid; width: 310px; display: none; background: url(../images/loading.gif) #fff no-repeat center center; height: 310px; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0px}
#spec {position: relative; width: 125px;float: left; height: 400px; margin-left: 6px; overflow: hidden; padding-top: 6px;margin:0 15px 0 0;}
.specLeftT {position: absolute; width: 11px; background: url(../images/up.jpg) no-repeat 0 0px; float: left; height: 6px; top: 0px; cursor: pointer; left: 50%;}
.specRightT {position: absolute; width: 11px; background: url(../images/down.jpg) no-repeat 0 0px; float: left; height: 6px; bottom: 0px; cursor: pointer; right: left: 50%;}
.specLeftF {position: absolute; width: 11px; background: url(../images/up.jpg) no-repeat 0 0px; float: left; height: 6px; top: 0px; cursor: pointer; left: 50%;}
.specRightF {position: absolute; width: 11px; background: url(../images/down.jpg) no-repeat 0 0px; float: left; height: 6px; bottom: 0px; cursor: pointer; left: 50%;}
#specList {display: inline; float: left; margin-left: 2px}
#specList UL LI {width:106px;/* display: inline;*//* float: left;*/ margin-right: 4px;height: 125px;}
#specList UL LI IMG {border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; padding-bottom: 2px; padding-left: 2px; width: 104px; 
	padding-right: 2px; margin-bottom: 1px; height: 104px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; padding-top: 2px}
.jqzoom img{
	width: 100%;
}
.bigimg {
	WIDTH: 800px; HEIGHT: 800px
}
.jqZoomPup {z-index: 10; border-bottom: #aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 1px solid; width: 50px; background: #fede4f 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: 100%; HEIGHT: 360px; OVERFLOW: hidden; TOP: 20px; LEFT: 2px
}
#specList UL {POSITION: absolute; WIDTH: 270px; LEFT: 4px}

#preview img{
	border:1px solid #ddd;
	max-width: initial;
}


@media screen and (max-width: 1200px){
	#preview{
		width: 73%;
		margin:0 auto;
		float: none;
	}
	
}