.pane_for_img{display:none;}
.show_img_pane .middle-center .gridwrap {display:none;}
.show_img_pane .pane_for_img {display:block;}
.pane_for_img , .pane_for_img div{ box-sizing:border-box; -moz-box-sizing:border-box; }
.pane_for_img{width:100%;*width:98%; height:100%; padding:15px 10px; overflow-y:auto;position:relative; border-top:1px solid #ccc;}
.pane_for_img > ul{width:100%; }
.doc_cell{width:200px; *width:176px; height:240px; display:inline-block; border-radius:5px; overflow:hidden; border:1px solid #ddd; padding:5px; margin:10px; cursor:pointer; position:relative;float:left; text-align:center; line-height:217px;}
.doc_cell > span.abs{background:#333;color:#fff;width:40px;height:30px;text-align:center;line-height:30px;opacity: 0.8;filter:alpha(opacity=80);}
.doc_cell > span.abs.manage{top:0;right:0;background:url(../images/icon_manage.png) no-repeat center center #333}
.doc_cell > span.abs.share{top:0;right:0;background:url(../images/shares.png) no-repeat center center #333}
.doc_cell > span.abs.share.shared{background:url(../images/share_state_yesh.png) no-repeat center center #333}
.doc_cell > span.abs.link{top:30px;right:0;background:url(../images/sharelink1.png) no-repeat center center #333; border-top: 1px solid #757575;}
.doc_cell > span.abs.link.filelinked {background:url(../images/sharelink_h.png) no-repeat center center #333;}
.doc_cell:hover{ border:1px solid #ddd; background:#333;  opacity: 0.8;filter:alpha(opacity=80);}
.doc_cell > img{max-width:188px; max-height:217px; margin:auto;}
.doc_cell > .bottom , .doc_cell > .bottom_bg{width:100%; height:20px; margin-left:-5px; position:absolute; bottom:0px; -webkit-transition:0.3s all ease; -moz-transition:0.3s all ease; border-radius:0px 0px 5px 5px;}
.doc_cell > .bottom_bg{opacity:0.65; filter:alpha(opacity=65); background:#333;}
.doc_cell:hover > .bottom , .doc_cell:hover > .bottom_bg{height:50px;}
.doc_cell > .bottom > p{height:23px; line-height:23px; color:#fff; padding:0 0 0 6px;}
.doc_cell > .bottom > p.filename{overflow:hidden; text-align:center;word-wrap:normal;
text-overflow:ellipsis; 
white-space:nowrap; 
overflow:hidden;}
.mode_ch_mobile{text-align:center;}
.mode_ch_mobile span{display:inline; width:18px; height:18px; margin-right:3px; background:url(../images/mode_ch.png) no-repeat}
.mode_ch_mobile span.property:hover{background-position:-8px -5px;}
.mode_ch_mobile span.download:hover{background-position:-33px -5px;}
.mode_ch_mobile span.view:hover{background-position:-55px -5px;}
.mode_ch_mobile span.reply:hover{background-position:-81px -5px;}
.mode_ch_mobile span.rename:hover{background-position:-110px -4px;}
.mode_ch_mobile span.reply:hover{background-position:-81px -5px;}
.mode_ch_mobile span.delete:hover{background-position:-135px -5px;}
.mode_ch_mobile span.move:hover{background-position:-162px -5px;}
.mode_ch_mobile span.mail:hover{background-position:-188px -4px;}
.mode_ch_mobile span.collect_file:hover{ background-position:-613px -150px;}
.mode_ch_mobile span.commend:hover{ background-position:-640px -150px;}

.mode_ch_mobile span.property{background-position:-8px -32px;}
.mode_ch_mobile span.download{background-position:-33px -32px;}
.mode_ch_mobile span.view{background-position:-55px -32px;}
.mode_ch_mobile span.reply{background-position:-81px -32px;}
.mode_ch_mobile span.rename{background-position:-110px -31px;height:19px;}
.mode_ch_mobile span.reply{background-position:-81px -32px;}
.mode_ch_mobile span.delete{background-position:-135px -32px;}
.mode_ch_mobile span.move{background-position:-162px -32px;}
.mode_ch_mobile span.mail{background-position:-188px -31px;width:19px;}
.mode_ch_mobile span.collect_file{ background: url("../images/icon.png") no-repeat -141px -278px;}
.mode_ch_mobile span.commend{ background: url("../images/icon.png") no-repeat -214px -278px;}

.mode_ch_mobile span{display:inline-block; *display:inline;}

/*最近访问*/
.dn_visit{ width:30px; z-index:44; right:0px; top:0px; display:block;}
.file_card_btn {display:none;}
.dnv_show,.dnv_down,.dnv_del,.dnv_dir,.dnv_collect,.dnv_video { float:left; width:100%; height:23px; margin-bottom:1px; background-color:#333; opacity:0.8;}
.dn_visit i{ width:18px; height:16px; display:inline-block; margin:4px 0 0 7px; cursor:pointer; background-image:url(../images/icon.png); background-repeat:no-repeat;}
.dnv_show i{ background-position:-143px -175px;}
.dnv_down i{ background-position:-167px -278px;}
.dnv_del i{ background-position:-117px -278px;}
.dnv_dir i{ background-position:-91px -278px;}
.dnv_collect i{ background-position:-143px -279px;}
.dnv_video i{ background-position: -666px -152px;}