.pic{width:80px; height:80px;float:left; background:#FFFFFF; overflow:hidden; display:table;table-layout:fixed\9;text-align:center; }
root .pic{ table-layout:auto;}
.pic a,.pic span{width:60px; height:80px;overflow:hidden; line-height:80px;display:table-cell;vertical-align:middle;*font-size:80px;}
.pic a img,.pic span img{ max-width:80px;max-height:80px; }
.imgShow {position:relative;_zoom:1;margin:0 auto;display:flex;}
.imgCont{width:638px; height:524px;float:left; background:#333; overflow:hidden;border-width:2px 0px 2px 2px; border-style:solid; border-color:#333}
.imgbody{float:left;}
.imgCont .picCell{width:638px; height:476px; line-height:476px;*font-size:476px; position:relative;*zoom:1;  display:flex;justify-content:center;}
#bigPic{ position:absolute;}
.imgCont .circle{ position:absolute; left:0; top:0; z-index: 99;width:200px; height:200px; overflow:hidden; border:1px solid #999;-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius: 100px;-moz-box-shadow: 0px 0px 8px #000; -webkit-box-shadow: 0px 0px 8px #000;box-shadow: 0px 0px 8px #000;  background-repeat:no-repeat; background-color:#333333; filter:alpha(opacity=0)\9; opacity:0; cursor:none; /*-moz-user-select:none;*/}
.imgTable{ float:left;width:300px; height:476px;color:#FEFEFE;}
.imgTable a,.imgTable a:hover{color:#FEFEFE;}
.filtTop{ height:64px; padding:0px 10px; overflow:hidden; background-position:0px -536px; background-repeat:repeat-x;line-height:40px; background-color:#383838;}
.filtTop h2{font-size:12px; font-weight:bold;padding-right:96px;}
.imgTable .btn{ display:flex;width:200px;height:40px;  margin-left:80px;margin-top:12px; background:#666666;justify-content: center;align-items: center; color:#FEFEFE;line-height:40px; }
.imgTable .btn:hover{color:#FEFEFE; background:#488ad4; text-decoration:none}
.showAll{width:280px;height:50px;border-radius:5px;text-align:center; }
.imgSum{ background:#666;height:400px;margin:0px;padding-left:0px;}
.imgSum li{padding:10px 10px 9px; height:80px; overflow:hidden; border-bottom:1px solid #4e4e4e;}
/* .imgSum li:nth-child(2){background: #333;}  */
.imgSum li .textGray{color:#FEFEFE;}
.imgSum .lotNum{ text-indent:2px;}
.imgSum .current{ background:#488ad4;border-color:#488ad4;}
.imgSum .hover{ background:#777;border-color:#777;}
.imgSum .prevC{ border-color:#488ad4}
.imgSum .prevH{ border-color:#777}
.imgSum  li a{ color:#FEFEFE;}
.imgSum  li a:hover{ color:#FEFEFE;}
.imgSum h3{ height:20px; overflow:hidden; font-weight:bold; font-family:"宋体"; font-size:12px; line-height:20px;}
.imgSum h3,.imgSum .dataItem{margin-left:89px;}
.imgSum h3 a:hover,.imgSum li .textGray:hover{color:#FEFEFE;}
.imgSum .dataItem li{padding:0px; border:none; line-height:20px; height:20px;}
.imgSum .pic{ background:#333333}
.imgSum .dataItem em{color:#FEFEFE; }
.imgTable .pageJump{height:87px; overflow:hidden; background-position:0px -536px;padding:0px 10px; background-repeat:repeat-x; background-color:#383838;}
.imgTable .pageJump em{ font-family: Arial; font-size:14px}
.imgTable .pageJump .turn{float:right}
.imgTable .disable,.imgTable .disable:hover{ background-color:#4d4d4d; color:#666666}
.zoom{ position:absolute; z-index:1;top:326px; left:480px;width:150px; height:135px; display:block; }
.nailBrd,.resizeBrd{ position:absolute; z-index:1;  background:rgba(0,0,0,.5); background:#000000\9; filter:alpha(opacity=50)\9;}
.nailBrd{left:0; top:0px;width:150px; height:114px; }
.resizeBrd{left:0; top:115px;width:150px; height:20px; }
.nail { position:relative; z-index:2; left:3px; top:3px;width:144px; height:108px; overflow:hidden;}
.nailImg{width:144px; height:108px;*zoom:1; overflow:hidden}
#smallPic,#focuse { position:relative;}