#viewer{position:relative;}
#viewer .view{position:absolute;z-index:100;display:none;left:340px;top:0px;width:320px;height:320px;border:1px #000 solid;background:#fff}
#viewer .detail{width:310px;height:310px;overflow:hidden;background:url(images/126.gif) center center no-repeat;margin:0 20px;text-align:center;position:relative}
#viewer .detail .mask{position:absolute;border:1px #999 solid;left:0;top:0;background:rgba(187,187,187,.5) !important;background:none\9;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#88bbbbbb,endColorStr=#88bbbbbb)\9;width:50px;height:50px;display:none}
#viewer .scroll{width:350px;height:60px;overflow:hidden;}
#viewer .scroll a.scrollarrow{width:20px;float:left;margin-top:10px;height:50px;background:url(images/sprites.png) -2px -125px no-repeat}
#viewer .scroll a.toright{float:right;background-position:-27px -125px}
#viewer .scroll .scrollbox{float:left;width:310px;height:60px;position:relative;overflow:hidden}
#viewer .scroll a.toleft{}
#viewer .scroll a.disleft{background-position:-2px -25px}
#viewer .scroll a.disright{background-position:-27px -25px}
#viewer .scroll ul{position:absolute;z-index:1;left:0;top:0}
#viewer .scroll li{width:50px;height:50px;float:left;padding:0 5px;padding-top:10px;overflow:hidden}
#viewer .scroll li img{width:48px;height:48px;border:1px #ccc solid}
#viewer .scroll li.active{background:url(images/upyellowarrow.gif) center 4px no-repeat}
#viewer .scroll li.active a img{border:1px #f60 solid}