@charset "utf-8";

/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}

#preview {text-align: left; margin: 20px auto 0px; width: auto; float: none; padding-left:10px; }
.jqzoom { position:relative; width: 500px; margin-bottom: 10px; height: 500px; display:block; overflow: hidden;position: relative;}
.zoomdiv { display:none;}
#spec {position: relative; width: 300px; height: 60px; margin-left: 2px; overflow: hidden; padding-top: 12px;}
.specLeftT {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -157px 0px; float: left; height: 9px; top: 22px; cursor: pointer; left: 0px}
.specRightT {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -164px 0px; float: left; height: 9px; top: 22px; cursor: pointer; right: 0px}
.specLeftF {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -145px 0px; float: left; height: 9px; top: 22px; cursor: pointer; left: 0px}
.specRightF {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -151px 0px; float: left; height: 9px; top: 22px; cursor: pointer; right: 0px}
#specList {display: inline; float: left; margin-left: 2px}
#specList UL LI {width: 50px; 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: 40px; padding-right: 2px; margin-bottom: 1px; height: 40px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; padding-top: 2px}

.bigimg {
        WIDTH: 600px; HEIGHT: 600px
}
.jqZoomPup {z-index: 9999; 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: 38px; 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: 270px; HEIGHT: 60px; OVERFLOW: hidden; TOP: 6px; LEFT: 13px
}
#specList UL {POSITION: absolute; WIDTH: 270px; LEFT: 4px}


.attr-list {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;
    padding-bottom: 10px;
}