@charset "utf-8";

html { font-size: 100px; }
* { box-sizing: border-box; }

#gallery { position: relative; width: 4.6rem; }
#gallery img { display: block; max-width: 100%; height: auto; }
#gallery .jqzoom { position: relative; padding: 0; overflow: hidden; text-align: center; position: relative; border: .02rem solid #CCC; margin-bottom: .05rem; }
#gallery .jqzoom img { vertical-align: middle; margin: 0; padding: 0; }
#gallery .zoomdiv { z-index: 100; position: absolute; top: 0 !important; left: 100% !important; width: 4rem; height: 4rem; border: 1px solid #e4e4e4; display: none; text-align: center; overflow: hidden; }
#gallery .bigimg { max-width: 8rem; }
#gallery .jqZoomPup { z-index: 10; position: absolute; border: 1px solid #aaa; background: #1a94cf .69rem top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; }
#gallery #spec-n5 { margin-left: .02rem; height: .56rem; padding-top: .06rem; overflow: hidden; }
#gallery #spec-list { width: 3.72rem; float: left; overflow: hidden; margin-left: .06rem; display: inline; position: relative; margin-right: .04rem; }
#gallery #spec-list div { margin-top: 0; *margin-left: 0; position:relative;z-index:1;height:.56rem; }
#gallery #spec-list .list-h-item { float: left; margin-right: 0; display: inline; width: .62rem; }
#gallery #spec-list .list-h-item img { padding: .02rem; border: 1px solid #ccc; width: .5rem; height: .5rem; }
#gallery .list-h { overflow: hidden; position: absolute; left: 0; top: 0; margin-top: 0; margin-left: 0; }
#gallery .list-h-item { float: left; }
#gallery .list-h img:hover { border: .02rem solid #d0121c !important; }