.float-l{ float:left;}
.float-r{ float:right;}

.imglist li{ width:180px; height:180px; margin:10px; background:#DDD; text-align:center; float:left;}
.imglist li img{ max-width:100%; max-height:100%;}



.icon-a{ width:40px; height:40px; background-image:url('../images/topbotton_80.png'); background-repeat:no-repeat; cursor:pointer; margin:0 5px; float:left;}
.icon-b{ width:20px; height:20px; background-image:url('../images/topbotton-min_80.png'); background-repeat:no-repeat; cursor:pointer; float:left;}

.view-mask{ position:fixed; background:#000; filter:alpha(opacity=92); opacity:0.92; top:0; left:0; right:0; bottom:0; z-index:1999; display:none;}
.view{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:1999; display:none;}
.view-header{background:#111; position:absolute; height:70px; left:0; top:0; right:0; text-align:center; overflow:hidden;}
.work_title{ font-size:25px; color:#fff; line-height:70px; text-align:center;position:absolute;
    left:0;top:0px;z-index: 2999; right:90px; overflow:hidden; height:70px;}
.view-header .left{width:200px; color:#888; text-align:center; float:left;background:#111;z-index: 3499;position:absolute; }
.view-header .left dt{ font-size:25px; line-height:35px; padding-top:15px;}
.view-header .left dd{ font-size:14px; line-height:20px;}
.view-header .right{ z-index: 4999; height:40px; margin:14px;background:#111;position: absolute;right:0;top:0}
.view-header .right .share{ background-position:0 0;}
.view-header .right .share:hover{ background-position:0 -40px;}
.view-header .right .detail{ background-position:-40px 0;}
.view-header .right .detail:hover{ background-position:-40px -40px;}
.view-header .right .rcmd{ background-position:-80px 0;}
.view-header .right .rcmd.select{ background-position:-80px -80px;}
.view-header .right .rcmd.select:hover{ background-position:-160px -80px;}
.view-header .right .rcmd:hover{ background-position:-80px -40px;}
.view-header .right .fav{ background-position:-120px 0;}
.view-header .right .fav:hover{ background-position:-120px -40px;}
.view-header .right .fav.select{ background-position:-120px -80px;}
.view-header .right .fav.select:hover{ background-position:-200px -80px;}

.view-header .right .tip-l{ background-position:-160px 0;}
.view-header .right .tip-l:hover{ background-position:-160px -40px;}
.view-header .right .tip-r{ background-position:-200px 0;}
.view-header .right .tip-r:hover{ background-position:-200px -40px;}
.view-header .right .float-l{ width:20px; margin:0 5px;}
.view-header .right .bclose{ background-position:0 0;}
.view-header .right .bclose:hover{ background-position:0 -20px;}
.view-header .right .big{ background-position:-20px 0; margin-top:0px;}
.view-header .right .big:hover{ background-position:-20px -20px;}
.view-header .avatar{top: 10px;left:20px;position: absolute;}
.view-header .author{float: left;margin-left: 80px;margin-top: 10px;}
.view-header .timeago{float: left;margin-left: 80px;}
.view-box{ position:absolute; top:70px; bottom:50px; left:0; right:90px; overflow:hidden;   background-repeat: no-repeat;
    background-position: center ;background-size: contain;}
.white{background: white!important;bottom:0px;overflow: scroll;overflow-x:hidden;

}

.view-list{ position:absolute; width:50px; top:80px; right:20px; bottom:50px; overflow:hidden;}
.view-list ul{ position:absolute; left:0px; top:0px;padding: 0;}
.view-list li{ position:relative; width:50px; height:50px; border-radius:3px; overflow:hidden; margin:5px 0; filter:alpha(opacity=40); opacity:0.4; background-position:center; background-size:cover; cursor:pointer; float:left;}
.view-list li:hover{ filter:alpha(opacity=100); opacity:1.0;}
.view-list li.selected{ border:rgba(255, 0, 0, 0.48) 1px solid; filter:alpha(opacity=100); opacity:1.0;}

.multi img{width:800px;padding: 15px;}
.view-box .body{width:800px;padding: 20px 40px 0;margin: auto;margin-bottom: 0;text-align: center}
.bdshare{display: none;}