@charset "utf-8";
/* CSS Document */
.mainframe1 { position:absolute; top:100px; left:210px; right:209px; bottom:0; background:transparent; }
.mainframe2 { position:absolute; top:100px; left:210px; right:9px; bottom:0; background:transparent;  }
.mainframe3 { position:absolute; top:100px; left:210px; right:0; bottom:0; background:transparent;  }
@media (max-width:1024px) {
.mainframe1, .mainframe2 { right:0;}
}
/*--------------btnsbar--------------*/
.btnsbar { position:absolute; top:0; left:0; right:0; height:50px; padding-top:9px; padding-left:10px;}
.btnsbar .tabletit_ico_btnsarrow { display:inline-block; vertical-align:middle; height:20px; width:20px; background:url(../images/skinimages/listtable_bg.png) 0px -60px no-repeat; margin:0px 8px;}
.btnsbar .btn_list_style, .btnsbar .filter_search { float:right;}
.btnsbar .filter_search > span { display:inline-block; vertical-align:middle;}
.btnsbar .filter_search .input_large { width:400px; }
.btnsbar .filter_attr, .btnsbar .filter_attr > li { display:inline-block; height:30px; line-height:30px; margin:0px 5px;}
.btnsbar .filter_attr > li > a { display:inline-block; position:relative; margin:0px; min-width:48px; width:auto; height:30px; padding:0px 10px; line-height:30px; text-align:center; letter-spacing:1px; border-radius:3px; cursor:default; vertical-align:middle; /* border:1px solid #transparent; */ background-color:transparent; color: inherit; outline:0; cursor:pointer;}
.btnsbar .filter_attr > li > a:hover { color:#31708f; }
.btnsbar .filter_attr > li.active > a { border:1px solid #bce8f1; background:#d9edf7; color:#31708f; font-weight:bold;}

/*--------------btnsbar_more--------------
.btnsbar .btn_dropdown_menu { display:inline-block; position:static; float:left; width:100%; min-width:none; padding:0; border:0!important; background:transparent; border-radius:0; box-shadow:none;}*/
.btnsbar_phone > a:first-child, .btnsbar_tablet > a:first-child { display:none!important; }
.btnsbar_phone .btn_dropdown_menu > a, .btnsbar_tablet > .btn_dropdown_menu > a { padding: 5px 10px;}
.btnsbar_phone .noicon > a > i, .btnsbar_tablet .noicon > a > i { display:inline-block; }
.btnsbar .filter_search .btn_dropdown_menu { display:none; position:absolute; float:none; width:auto; min-width:120px; padding: 5px 0; border: 1px solid #e1e1e8!important; background: #fff; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,0.175);  }
.btnsbar .filter_search .open > .btn_dropdown_menu { display:block;}
@media (max-width:1024px) {
.btnsbar_tablet > a:first-child  { display:inline-block!important; }
.btnsbar_tablet > .btn_dropdown_menu { display:none; }
.btnsbar_phone > ul > .open > .btn_dropdown_menu { display:inline-block; }
.btnsbar_tablet > .btn_dropdown_menu { position:absolute; left:0; top:34px; min-width:120px; padding: 5px 0; border: 1px solid #e1e1e8!important; background: #fff; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,0.175);  }
.btnsbar_tablet > .btn_dropdown_menu > a { position:relative!important; display:block!important; float:none!important; margin:0 auto!important; padding: 4px 10px 4px 33px!important; cursor: default; border:0!important; border-radius:0!important; background:transparent!important; text-align:left!important; text-shadow:1px 1px 0 #ffffff!important; font-weight:normal!important; height:28px!important; line-height:20px!important; }
.btnsbar_tablet .btn_dropdown_menu > a:hover { background: #f5f5f5!important;}
.btnsbar_tablet .noicon > a > i { display:none; }
}
/*--------------list_table--------------*/
.table_frame { position:absolute; left:0; right:0; top:50px; bottom:0; overflow:auto; border-top:1px solid transparent;}
.table_header_frame { position:absolute; left:0; right:0; top:50px; /* bottom:0; */ overflow:hidden;z-index:1; }
.table_body_frame { position:absolute; left:0; right:0; top:89px; bottom:0; overflow-y:scroll;}
.table_body_frame .img_nodata { position:absolute; min-height:325px; left:0; right:0; top:0; bottom:0; background-position:center center; background-repeat:no-repeat;z-index:-1}
.table_body_frame .img_nodata > .upload { position:absolute; display:none; left:30px; top:10px; width:31%; min-width:270px; height:210px; background: url(../images/skinimages/imgnodata_upload.png) no-repeat;}
.table_body_frame .img_nodata.myfile > .upload { display:block; }
.table_body_frame .img_nodata.English_myfile > .upload { display:block; background: url(../images/skinimages/English_imgnodata_upload.png) no-repeat;}
.table_body_frame .img_nodata.myfile { background-image:url(../images/skinimages/imgnodata_myfile.png);}
.table_body_frame .img_nodata.English_myfile { background-image:url(../images/skinimages/English_imgnodata_myfile.png);}
.table_body_frame .img_nodata.myfile1 { background-image:url(../images/skinimages/imgnodata_myfile.png);}
.table_body_frame .img_nodata.English_myfile1 { background-image:url(../images/skinimages/English_imgnodata_myfile.png);}
.table_body_frame .img_nodata.doc { background-image:url(../images/skinimages/imgnodata_doc.png);}
.table_body_frame .img_nodata.English_doc { background-image:url(../images/skinimages/English_imgnodata_doc.png);}
.table_body_frame .img_nodata.pic { background-image:url(../images/skinimages/imgnodata_pic.png);}
.table_body_frame .img_nodata.English_pic { background-image:url(../images/skinimages/English_imgnodata_pic.png);}
.table_body_frame .img_nodata.video { background-image:url(../images/skinimages/imgnodata_video.png);}
.table_body_frame .img_nodata.English_video { background-image:url(../images/skinimages/English_imgnodata_video.png);}
.table_body_frame .img_nodata.music { background-image:url(../images/skinimages/imgnodata_music.png);}
.table_body_frame .img_nodata.English_music { background-image:url(../images/skinimages/English_imgnodata_music.png);}
.table_body_frame .img_nodata.group { background-image:url(../images/skinimages/imgnodata_group.png);}
.table_body_frame .img_nodata.English_group { background-image:url(../images/skinimages/English_imgnodata_group.png);}
.table_body_frame .img_nodata.company { background-image:url(../images/skinimages/imgnodata_company.png);}
.table_body_frame .img_nodata.English_company { background-image:url(../images/skinimages/English_imgnodata_company.png);}
.table_body_frame .img_nodata.share { background-image:url(../images/skinimages/imgnodata_share.png);}
.table_body_frame .img_nodata.English_share { background-image:url(../images/skinimages/English_imgnodata_share.png);}
.table_body_frame .img_nodata.trash { background-image:url(../images/skinimages/imgnodata_trash.png);}
.table_body_frame .img_nodata.English_trash { background-image:url(../images/skinimages/English_imgnodata_trash.png);}
.table_body_frame .img_nodata.search {background-image: url(../images/skinimages/imgnodata_search.png);}
.table_body_frame .img_nodata.English_search {background-image: url(../images/skinimages/English_imgnodata_search.png);}
.table_body_frame .img_nodata.msg {background-image: url(../images/skinimages/imgnodata_msg.png);}
.table_body_frame .img_nodata.English_msg {background-image: url(../images/skinimages/English_imgnodata_msg.png);}
.table_body_frame .img_nodata.externalUpload {background-image: url(../images/skinimages/imgnodata_externalUpload.png);}
.table_body_frame .img_nodata.English_externalUpload {background-image: url(../images/skinimages/English_imgnodata_externalUpload.png);}
.table_body_frame .img_nodata.upload {background-image: url(../images/skinimages/imgnodata_upload.png);}
.table_body_frame .img_nodata.fav {background-image: url(../images/skinimages/imgnodata_fav.png);}
.table_body_frame .img_nodata.English_fav {background-image: url(../images/skinimages/English_imgnodata_fav.png);}
.list_table { display:table; width:100%;}
.list_table .table_header { display:table-header-group; box-sizing:border-box; float:none;}
.list_table .table_body { display:table-row-group; box-sizing:border-box; float:none;}
.list_table .table_header > ul, .list_table .table_body > ul{ display:table-row; float:none; box-sizing:border-box; position:relative;}
.list_table .table_header > ul { background:url(../images/skinimages/listtable_bg.png) 0px 0px repeat-x;  }
.multi-line .table_body > ul:hover { background:none!important;}
.multi-line .table_body > .table_row { min-height:30px;}
.list_table .table_body > .table_row_tags { min-height:40px;}
.multi-line .table_body > .table_row_tags { min-height:29px;}
.list_table .table_header > ul > li, .list_table .table_body > ul > li, .list_table .table_header > ul:after { display:table-cell; float:none; vertical-align:middle; border-bottom:1px solid transparent; border-top:1px solid transparent; box-sizing:border-box;}
.list_table:first-child .table_body > ul > li { border-top:0;}
.list_table .table_header > ul > li {  font-weight:bold; cursor:pointer; min-height:40px; height:38px;padding:0px 5px; border-left:1px solid transparent;/*  position:relative; */}
.list_table .table_header > ul:after { min-height:40px; width:18px; -moz-width:0px!important; content:'';}
.list_table .table_body > ul > li { cursor:default; min-height:40px; width:auto; padding:5px;}
.multi-line .table_body > ul > li { min-height:35px; border-bottom:0!important;}
.msm_list .table_body > ul > li { height:60px; }
.list_table .table_header > ul > li.sorting:before { display:inline-block; margin-right:4px; vertical-align:middle; width:9px; height:13px; background-image:url(../images/skinimages/listtable_bg.png); background-repeat:no-repeat; background-position:-20px -40px; content:""; cursor:default;}
.list_table .table_header > ul > li.sorting_desc:before { background-position:-30px -40px;}
.list_table .table_header > ul > li.sorting_asc:before { background-position:-40px -40px;}
.list_table .table_header > ul > li:first-child:before { display:none;}
.list_table .table_header > ul > li[class="username"]:before, .list_table .table_header > ul > li[class="filename_txt"]:before { display:inline-block;}
.list_table .table_header > ul > li:first-child, .list_table .table_body > ul > li:first-child  { padding-left:10px; width:16px; padding-right:10px; text-align:center;}
.list_table .table_body > ul > li a { color:inherit; }
.list_table .table_body > ul > li a:hover, .list_table .table_body > ul > li:nth-child(2) a:hover { outline:none!important; }
.list_table .table_header > ul > li .div_filter { display:inline-block; position:absolute; right:5px; top:10px;}
.list_table .table_header > ul > li .btn_filter { display:inline-block; width:16px; height:16px; background:url(../images/skinimages/listtable_bg.png) 0px -60px no-repeat; outline:none;}
.list_table .table_header > ul > li .btn_filter:hover, .list_table .table_header > ul > li .open > .btn_filter  { background:url(../images/skinimages/listtable_bg.png) -20px -60px no-repeat;}
.list_table .table_header > ul > li .filtered > .btn_filter { background:url(../images/skinimages/listtable_bg.png) -40px -60px no-repeat;}
.list_table .table_header > ul > li .filtered > .btn_filter:hover { background:url(../images/skinimages/listtable_bg.png) -60px -60px no-repeat;}
.list_table .table_header > ul > li .div_filter > .btn_filter_menu { display: none; }
.list_table .table_header > ul > li .div_filter.open > .btn_filter_menu { display: block; position: absolute; z-index:1000; left:auto!important; right:-2px!important; top:24px!important; min-width:180px; padding: 5px 0; border: 1px solid #e1e1e8!important; background: #fff; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,0.175);}
.list_table .table_header > ul > li .div_filter.open > .btn_filter_menu:before { position: absolute; z-index:1000; width: 0; height: 0; right: 2px; top: -7px; border-bottom: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 0 dotted; content: ""; }
/*--------------list_table width--------------*/
/*li.filename*/
.list_table .table_header > ul > li.filename, .list_table .table_header > ul > li.filename_noico, .list_table .table_header > ul > li.filename_txt  { width:auto; text-align:left;}
.list_table .table_body > ul > li.filename, .list_table .table_body > ul > li.filename_noico, .list_table .table_body > ul > li.filename_txt { display:block; position:relative; width:auto; padding-left:62px; text-align:left;}
.list_table .table_body > ul > li.filename_noico { padding-left:42px; }
.multi-line .table_body > ul > li.filename_noico { padding-left:22px; }
.list_table .table_body > ul > li.filename_txt { padding-left:5px; }
.list_table .table_body > ul > li.filename > a, .list_table .table_body > ul > li.filename_noico > a, .list_table .table_body > ul > li.filename_txt > a, .list_table .table_body > ul > li.filename_txt > span { display:block; position:absolute; top:10px; left:62px; right:0;line-height:18px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.list_table .table_body > ul > li.filename > span,.list_table .table_body > ul > li.filename_noico>span{
	display: block;
    position: absolute;
    top: 10px;
    left: 62px;
    right: 0;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list_table .table_body > ul > li.filename_noico>span{
	display: block;
    position: absolute;
    top: 10px;
    left: 42px;
    right: 0;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list_table .table_body > ul > li.filename_noico > a { left:42px;}
.multi-line .table_body > ul > li.filename_noico > a { left:22px; top:9px; }
.list_table .table_body > ul > li.filename_txt > a, .list_table .table_body > ul > li.filename_txt > span { left:10px;}
.list_table .table_body > ul > li.filename_txt > span.msm_tit:before { display:inline-block; content:"标题："; }
.list_table .table_body > ul > li.filename_txt > span.English_msm_tit:before { display:inline-block; content:"Title："; }
.list_table .table_body > ul > li.filename_txt > span.msm_file, .list_table .table_body > ul > li.filename_txt > span.English_msm_file { top:30px; }
.list_table .table_body > ul > li.filename_txt > span.msm_file:before { display:inline-block; content:"文件："; }
.list_table .table_body > ul > li.filename_txt > span.English_msm_file:before { display:inline-block; content:"File："; }
.list_table .table_body > ul > li.filename > i { display:block; position:absolute; left:0px; top:12px; width:16px; height:16px; background-image:url(../images/publicimages/public_pic.png); background-repeat:no-repeat;}
.list_table .table_body > ul > li.filename > img, .list_table .table_body > ul > li.filename_noico > img { display:block; position:absolute; left:22px; top:6px; }
.list_table .table_body > ul > li.filename_noico > img { left:2px;}
.list_table .table_body > ul > li.filename_noico > img.user_face { left:6px; top:8px; border-radius:5px;}
img.user_face { border-radius:50% !important;}
.multi-line .table_body > ul > li.filename_noico > img { left:2px; top:10px;}
.list_table .table_body > ul > li.filename > input[type="text"], .list_table .table_body > ul > li.filename_noico > input[type="text"] { width:250px;}
.spantextToHidden{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: absolute;}
/*li.filepath*/
.list_table .table_header > ul > li.filepath, .list_table .table_body > ul > li.filepath  { width:30%; position:relative;}
.list_table .table_body > ul > li.filepath > span { display:block; position:absolute; left:5px; right:5px; top:13px; line-height:15px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; color:inherit;}
.list_table .table_body > ul > li.filepath > span > a { display:inline-block; height:18px; line-height:12px; vertical-align:middle; margin:auto; margin:0px 3px; max-width:72px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; color:inherit;}
.list_table .table_body > ul > li.filepath > span.disabled > a{ text-decoration:line-through; cursor:default;}
/*li.username*/
.list_table .table_header > ul > li.username, .list_table .table_body > ul > li.username  { width:14%; text-align:left; position:relative;}
.list_table .table_header > ul > li.message, .list_table .table_body > ul > li.message  { width:14%; text-align:left;}
.list_table .table_body > ul > li.username > img { position:absolute; width:24px; height:24px; border-radius:5px; left:5px; top:8px;}
.list_table .table_body > ul > li.username > span { display:block; position:absolute; left:35px; right:5px; top:13px; line-height:15px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; color:inherit;}
.multi_line .table_body > ul > li.username > span { top:8px;}
/*li.filefolder*/
.list_table .table_header > ul > li.filefolder, .list_table .table_body > ul > li.filefolder  { width:15%; /* position:relative; */}
.list_table .table_body > ul > li.filefolder > span { display:block; position:absolute; left:5px; right:5px; top:8px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; color:inherit;}
/*li.sharemode*/
.list_table .table_header > ul > li.sharemode, .list_table .table_body > ul > li.sharemode { width:30%; position:relative;}
.list_table .table_body > ul > li.sharemode > i { position:absolute; display:inline-block; margin:0 auto; vertical-align:middle; width:20px; height:20px; left:5px; top:10px; background-image:url(../images/publicimages/public_pic.png);}
.list_table .table_body > ul > li.sharemode > span { display:block; position:absolute; left:30px; right:5px; top:13px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; color:inherit;}/*line-height:12px; */
/*li.userrole*/
.list_table .table_header > ul > li.userrole  { width:11%; padding-right:25px;}
.list_table .table_body > ul > li.userrole  { width:11%;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0px;}
.list_table .table_body > ul > li.workNum  { width:11%; position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0px;}
.list_table .table_body > ul > li.userrole > i { position:absolute; display:inline-block; margin:0 auto; vertical-align:middle; width:20px; height:20px; top:10px; background-image:url(../images/publicimages/public_pic.png); }
/*li.updatetime*/
.list_table .table_header > ul > li.updatetime, .list_table .table_body > ul > li.updatetime { width:15%;}
/*li.roomsize*/
.list_table .table_header > ul > li.roomsize, .list_table .table_body > ul > li.roomsize { width:14%;}
/*li.peonum*/
.list_table .table_header > ul > li.peonum, .list_table .table_body > ul > li.peonum { width:10%;}
/*li.filesize*/
.list_table .table_header > ul > li.filesize, .list_table .table_body > ul > li.filesize { width:11.5%;}
/*li.usermail*/
.list_table .table_header > ul > li.usermail, .list_table .table_body > ul > li.usermail { width:20%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0px;}
/*li.userjob*/
.list_table .table_header > ul > li.userjob, .list_table .table_body > ul > li.userjob { width:20%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0px;}
/*li.operate*/
.list_table .table_header > ul > li.operate, .list_table .table_body > ul > li.operate { width:30%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
/*li.opresult*/
.list_table .table_header > ul > li.opresult, .list_table .table_body > ul > li.opresult { width:17%;}
/*li.smallli*/
.list_table .table_header > ul > li.smallli, .list_table .table_body > ul > li.smallli { width:9%;}
/*li.filemodule*/
.list_table .table_header > ul > li.filemodule, .list_table .table_body > ul > li.filemodule { width:6%;}
/*li other_btns*/
.list_table .table_body > ul > li > a.icobtns { display:block; float:none; vertical-align:middle; width:24px; height:24px; background: url(../images/skinimages/feedback_img.png) no-repeat; cursor:pointer;}
.list_table .table_body > ul > li > a.btn_eyes { background-position:0px 0px;}
.list_table .table_body > ul > li > a.btn_eyes:hover { background-position:0px -30px;}
/*li.filebtns*/
.list_table .table_header > ul > li.filebtns, .list_table .table_body > ul > li.filebtns { width:170px; text-align:right; border-left:0;}
.list_table .table_header > ul > li.filebtns:before { display:none;}
.list_table .table_body > ul > li.filebtns > a, .list_table .table_body > ul > li.filebtns > .btn_dropdown{ display:none; width:20px; height:20px; margin-right:5px!important;}
.list_table .table_body > ul > li.filebtns > .btn_dropdown > .btn_dropdown_menu { top:22px;}
.list_table .table_body > ul > li.filebtns > .btn_dropdown > .btn_dropdown_menu > a { padding:4px 20px;}
.list_table .table_body > ul:hover > li.filebtns > a, .multi-line .table_body:hover > ul > li.filebtns > a, .list_table .table_body > ul:hover > li.filebtns > .btn_dropdown, .multi-line .table_body:hover > ul > li.filebtns > .btn_dropdown { display: inline-block; margin-right:5px!important;} 
.log_list .table_header > ul > li.filebtns , .log_list .table_body > ul > li.filebtns { width:35px; display:table-cell!important;}
/*li > .block*/
.list_table .table_body > ul > li > .block_red, .list_table .table_body > ul > li > .block_green, .list_table .table_body > ul > li > .block_blue, .list_table .table_body > ul > li > .block_gray { display:inline-block; float:none; vertical-align:middle; width:8px; height:14px; margin:0px 5px 3px 0px; }
.list_table .table_body > ul > li > .block_red { background:#e42121;}
.list_table .table_body > ul > li > .block_green { background:#72ce05;}
.list_table .table_body > ul > li > .block_blue { background:#1572d1;}
.list_table .table_body > ul > li > .block_gray { background:#939393;}
/*filecontent*/
.list_table .table_body .filecontent { display:block; position:absolute; box-sizing:border-box; left:0; right:0; padding:3px 10px 15px 30px; height:30px; border-top:1px solid transparent; border-bottom:1px solid transparent; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; border-bottom:1px solid transparent;}
@media (max-width:1024px) {
.list_table .table_header > ul > li.updatetime, .list_table .table_body > ul > li.updatetime { width:130px;}
.list_table .table_header > ul > li.filesize, .list_table .table_body > ul > li.filesize { width:110px;}
.list_table .table_header > ul > li.filebtns, .list_table .table_body > ul > li.filebtns { width:150px;}
.list_table .table_header > ul > li.opresult, .list_table .table_body > ul > li.opresult { width:80px;}
}
input[type="checkbox"] {cursor:pointer}
/*--------------list_grid--------------*/
.list_grid { display:block; width:100%;}
.list_grid .table_header { display:block; background:url(../images/skinimages/listtable_bg.png) 0px 0px repeat-x; border-bottom:1px solid transparent; border-top:1px solid transparent; height:18px; line-height:18px; padding:10px; font-weight:bold;}
.list_grid .table_header > input[type="checkbox"] { vertical-align:middle; margin-right:10px;}
.list_grid .table_body { display:block; float:left; width:100%; clear:both; padding:10px 0px 60px 0px;}
.list_grid .table_body > ul { display:block; float:left; position:relative; width:130px; height:145px; margin-left:10px; border:1px solid transparent; } 
.list_grid .table_body > ul:hover { border:1px solid transparent; }
.list_grid .table_body > ul > input[type="checkbox"] { display:none;}
.list_grid .table_body > ul:hover  > input[type="checkbox"], .list_grid .table_body > ul.active > input[type="checkbox"]  { display:block; position:absolute; left:5px; top:5px;} 
.list_grid .table_body > ul > span { position:absolute; bottom:49px; width:80px; left:25px; right:25px; text-align:center;}
.list_grid .table_body > ul > span > img { position:relative; max-height:90px; max-width:120px;}
.list_grid .table_body > ul > span > i { display:inline-block; position:absolute; bottom:3px; left:2px; width:20px; height:20px; background-image:url(../images/publicimages/public_pic.png);}
.list_grid .table_body > ul > a { position:absolute; width:124px; left:3px; right:3px; bottom:25px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.list_grid .table_body > ul > i { position:absolute; width:124px; left:3px; right:3px; bottom:5px; text-align:center; font-style:normal; font-size:11px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.list_grid .table_body > ul > a:hover { color:#084e81; cursor:pointer;}
.list_grid .table_body > ul > span > li { display:none; position:absolute; bottom:0; left:0; right:0; height:20px; padding:2px 4px; background:url(../images/publicimages/transparent_gray.png);}
.list_grid .table_body > ul > span > li > a { display:none; float:right; margin-right:0; margin-left:5px; background:url(../images/skinimages/ico_white_bg.png); opacity:0.8;}
.list_grid .table_body > ul > span > li >div > a{ display:none; float:right; margin-right:0; margin-left:5px; background:url(../images/skinimages/ico_white_bg.png); opacity:0.8;}
.list_grid .table_body > ul > span > li > a:hover, .list_grid .table_body > ul > span > li >div > a:hover{ opacity:1;}
.list_grid .table_body > ul > span > li > i { display:block; position:absolute; top:4px; color:#FFF; font-style:normal;}
.list_grid .table_body > ul:hover > span > li { display:block; }
.list_grid .table_body > ul:hover > span > li >div> a{display:block;}
.list_grid .table_body > ul:hover  > span > li > a { display:block;}

/*.list_grid .table_body > ul > .file_img, .list_grid .table_body > ul > .file_video { width:120px; left:5px; right:5px;}
.list_grid .table_body > ul > .file_img > img, .list_grid .table_body > ul > .file_video { box-shadow:2px 2px 2px rgba(0,0,0, 0.3);}
.list_grid .table_body > ul > .file_video > li { display:block; background:url(../images/publicimages/transparent_gray.png); opacity:0.8; filter:alpha(opacity=80);}*/
.list_grid .table_body > ul:hover > .file_video > li { background:url(../images/publicimages/transparent_gray.png); opacity:1; filter:alpha(opacity=100); }
.list_grid .table_body > ul:hover > .file_video > li:before { position:absolute; width:30px; height:30px; left:45px; top:-40px; background:url(../images/publicimages/public_pic.png) 0px -62px no-repeat; opacity:0.7; filter:alpha(opacity=70); content:""; }
.list_grid .table_body > ul:hover > .file_video:hover > li:before{ opacity:1.0; filter:alpha(opacity=100);}
.list_grid .table_body > ul > .rename { position:absolute; z-index:1; bottom:18px; text-align:center;}
.list_grid .table_body > ul > .rename > input { padding:2px; height:24px; width:84px;}
.list_grid .table_body > ul > .rename > button { width:24px!important; height:24px!important; line-height:20px!important; margin-right:-2px!important;}
.list_grid .table_body > ul > .rename > button > i { margin:0px 0px 0px -2px!important;}
/*--------------list_ico--------------*/
.list_table .main_ico_none, .list_grid .main_ico_none { background-position:-200px 0px;}
.list_table .main_ico_panshare, .list_grid .main_ico_panshare { background-position:-100px -60px;}
.list_table .main_ico_linkshare, .list_grid .main_ico_linkshare { background-position:-120px -60px;}
.list_table .main_ico_user_create, .list_grid .main_ico_user_create { background-position:0px -90px;}
.list_table .main_ico_user_manage, .list_grid .main_ico_user_manage { background-position:-20px -90px;}
.list_table .main_ico_user_senior, .list_grid .main_ico_user_senior { background-position:-40px -90px;}
.list_table .main_ico_icloud { background-position:-80px -90px;}
.list_table .main_ico_lock,.list_grid .main_ico_lock{ background-position:-120px -90px;}
.list_table .main_ico_my_lock,.list_grid .main_ico_my_lock{background-position:-100px -90px;}
.list_table .main_ico_hand, .list_grid .main_ico_hand { display:block!important; position:absolute!important;}
.list_table .main_ico_hand { width:20px!important; height:8px!important; left:22px!important; top:30px!important; background-position:-80px -70px;}
.list_grid .main_ico_hand { width:40px!important; height:16px!important; left:-5px!important; bottom:-9px!important; background-position:-40px -70px;}
/*--------------loadmore--------------*/
.loadmore { display:block; float:left; padding:10px 0; width:100%; text-align:center;}
.loadmore .loadmore_btn, .loadmore .loadmore_btn:hover.loading { display:block; float:none; margin:0 auto; width:240px; padding:8px 10px; border:1px solid transparent; text-align:center; font-weight:bold; text-decoration:none;}
.loadmore .loadmore_btn:hover { border:1px solid transparent; cursor:default;}
/*--------------user_info--------------*/
.user_info, .user_info:hover, .face_edit{ display:block!important; float:none!important; width:auto!important; height:auto!important; margin:auto; margin-left:25px!important; margin-right:10px!important; background:none!important; border:0!important}
.user_info > li { display:block; position:relative; width:31%; margin-right:2%; box-sizing:border-box!important; }
.user_info > li:last-child { margin-right:0; width:auto;}
.user_info > li:first-child { padding-left:65px; }
.user_info > li > span { display:block; margin:3px 0px 2px 0px; line-height:20px; color:inherit;clear: both;}
.user_info > li > span > h4 { display: inline-block; font-size:14px; font-weight:bold; color:inherit;overflow: hidden;    text-overflow: ellipsis;   max-width:180px; white-space: nowrap;float:left}
.user_info > li > span > .classForGenter{display: inline-block;    float: left;    margin-bottom: 3px;float:left}
.user_info > li > span > .classForId{max-width: 180px;    overflow: hidden;    text-overflow: ellipsis;    display: inline-block;    white-space: nowrap;    margin-bottom: -6px;}
.user_info > li > img { display:block; width:50px; height:50px; position:absolute; left:0; top:0;}
.face_edit > li { display:block; width:40%; margin-right:5%; padding-right:5%; box-sizing:border-box!important; border-right:1px solid transparent;}
.face_edit > li:first-child { width:100%; padding-right:0; margin-right:0; margin-bottom:10px; border:0;}
.face_edit > li:last-child { margin-right:0; padding-right:0; border:0;}
.face_edit > li > p { margin-bottom:10px;}
.face_edit > li > div {  margin-right:20px; text-align:center;margin-top:20px}
.face_edit > li > div > span { display:block; line-height:30px; text-align:center;}
.face_edit > li > div.face_edit_bg { width:300px; height:300px; margin-right:0; background:url(../images/publicimages/editface_bg.jpg); background-size:cover;}
.list_grid img{cursor: pointer;}
.the_recycle_bin{text-decoration: none!important;color: #333!important;}
/*-------------lock_userInfo------------------*/
.tip_lockUserInfo{position: absolute;width: 280px;height: 155px;background-color: #504e4e;z-index: 10000;color: #fff;}
/* .tip_lockUserInfo>.btnClose{color: #faebd7;font-size: large;cursor: pointer;position: absolute;right: 4px;} */
.tip_lockUserInfo>.ico_tip{width: 24px;height: 24px;background-position: -200px -7px;background-image: url(../images/publicimages/public_pic.png);background-repeat: no-repeat;display: block;position: relative;top: 27px;left: 10px;}
.tip_lockUserInfo>.divider{display: block;width: 90%;margin: 5px 5%;border-bottom: #dfe3e9 1px dotted;}
.tip_lockUserInfo>h4{text-align: center;font-size: 20px;}
.tip_lockUserInfo>p{margin-left: 30px;margin-top: 10px;font-size: 14px;}