/* CSS Document */

.pro_wrap{width:420px;height:350px;border: #ddd 1px solid; display: flex;
  justify-content: center;
  align-items: center;
display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
#preview {text-align: center; margin:-1px auto; margin-left:-1px; width:350px; float:left; margin-bottom:20px;display: flex;
  justify-content: center;
  align-items: center;
display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.jqzoom {max-width:350px;max-height:350px;margin-bottom: 10px;overflow: hidden;position: relative;margin-top:20px;}
.jqzoom img{max-width:320px;max-height:320px;}
.zoomdiv {width:280px; height:280px; left: 859px;z-index: 100; border: #e4e4e4 1px solid; position: absolute; text-align: center;width:300px; display: none; height:300px; overflow: hidden;top: 5px !important; left: 440px !important;}
#spec { width:320px; height:70px;overflow: hidden;}
#specList { margin-left:5px}
#specList UL LI {width:70px; display: inline; float: left; margin-right: 4px}
#specList UL LI IMG {border: #ccc 1px solid;padding:2px;width:60px;margin-bottom: 1px; height:60px;cursor: pointer; margin-bottom:10px;}
.bigimg {WIDTH: 600px;}
.jqZoomPup {z-index: 10;  position: absolute; filter: alpha(opacity=50); width: 50px; /*background: #fede4f no-repeat 50% top;*/background: url(../../images/mask.png) repeat ;height:70px; visibility: hidden; top: 0px; cursor: move; left: 0px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5}
#specList { text-align:left; WIDTH:400px; HEIGHT:70px; OVERFLOW: hidden; TOP: 2px;}
#specList UL {POSITION: absolute; WIDTH: 400px; clear:both;}