/* CSS Document */
#preview{text-align:center;width:44%;float:left}
.jqzoom{margin-bottom:10px;position:relative}
.jqzoom img{max-width:100%}
.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;height:310px;overflow:hidden;border-top:#e4e4e4 1px solid;top:1px;border-right:#e4e4e4 1px solid;left:0}

.specLeftT{position:absolute; top:28px;cursor:pointer;left:0}
.specRightT{position:absolute; top:28px;cursor:pointer;right:0}
.specLeftF{position:absolute; top:28px;cursor:pointer;left:0}
.specRightF{position:absolute; top:28px;cursor:pointer; right:8px}

#spec{margin-top:1em;position:relative;height:95px;overflow:hidden;padding-top:6px}
#spec .control i {font-size:20px;}
#specList{display:inline;float:left;margin-left:2px}
#specList UL LI{width:100px;display:inline;float:left;margin-right:6px}
#specList UL LI IMG{border-bottom:#ccc 1px solid;border-left:#ccc 1px solid;padding-bottom:2px;padding-left:2px;width:100px;padding-right:2px;margin-bottom:1px;height:80px;border-top:#ccc 1px solid;border-right:#ccc 1px solid;padding-top:2px}
#specList{POSITION:absolute;TEXT-ALIGN:left;width:92%;HEIGHT:100px;OVERFLOW:hidden;TOP:0;LEFT:13px}
#specList UL{POSITION:absolute;width:100%;LEFT:4px;display:flex;flex-direction:row}

.bigimg {WIDTH:800px;HEIGHT:800px}
.jqZoomPup {z-index:10;border-bottom:#aaa 1px solid;position:absolute;border-left:#aaa 1px solid;width:50px;background:#fede4f no-repeat 50% top;height:50px;visibility:hidden;border-top:#aaa 1px solid;top:0;cursor:move;border-right:#aaa 1px solid;left:0;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5}


@media (max-width:768px){
    
#specList {width:88%;}
.specLeftT, .specRightF {top:20px;}
    
}