.mainContainer{margin:10px auto;width:1002px;overflow: hidden;}
.mainContainer .leftContent{width:200px;float:left;background-color: #fff;letter-spacing: 1px;overflow: hidden;border: 1px solid #d3d3d3;border: 1px solid #d3d3d3;}

.leftContent .header{border-bottom:1px solid #d3d3d3;font-size:14px;font-weight: bold;line-height: 39px;padding:5px;}
.leftContent .header img{float:right;margin-top:10px;cursor: pointer;}

.leftContent .folderList {padding-bottom:12px;}
.leftContent .folderList li{line-height: 40px;padding-left:33px;background: url(../img/zone/folder_icon.png) 10px center no-repeat ;background-size:20px 19px;}
.leftContent .folderList li:hover{cursor: pointer;color:#fff;background-color: #89d3fd !important;}
.leftContent .folderList li img{float:right;margin-top:12px;margin-right:10px;width:18px; height:18px;}
.folderListTurnPage{border-bottom:1px solid #d3d3d3;text-align: center;line-height: 35px;}
.folderListTurnPage a{text-decoration: underline;}
.leftContent .myShare{line-height: 40px;padding-left: 33px;background: url(../img/zone/share_icon.png) 10px center no-repeat;background-size: 20px 19px;}
.leftContent .myShare:hover{cursor: pointer;color:#fff;background-color: #89d3fd !important;}
.leftContent .myShare img{float: right;margin-top: 12px;margin-right: 10px;}
.leftContent .trash{padding-left: 33px;line-height: 40px;background: url(../img/common/ljt.gif) 10px center no-repeat;background-size: 16px 17px;}
.leftContent .trash:hover{background-color: #89d3fd !important;cursor: pointer;}
.leftContent .trash img{float: right;margin-top: 12px;margin-right: 10px;}

.processBar{width:140px;height:5px;background-color: #c6cfda;margin:40px 5px 5px;}
.processBar span{width:10%;height:100%;background-color: #2581e3;display: block;}
.processInfor{text-align: right;color:#acacac;margin-bottom: 10px;}
.newFolderPane{width: 240px;height:70px;display: none;padding:10px;}
.newFolderPane .title{font-weight: 700;}
.newFolderPane .title input{width: 100%;height: 25px;outline: none;}
.newFolderPane .operate{overflow: hidden;text-align: center;margin-top: 8px;padding: 4px;}
.newFolderPane .operate span{background-color:#E7E6E6;color: #7F7F7F;border:1px solid #AFABAB;line-height: 24px;padding: 5px 18px;cursor: pointer;margin-left:5px;}
.newFolderPane .operate span:hover{background-color: #AFABAB;color:#eee;}
.folderOperatePane{position:fixed;left:0;top:0;height:100%;width:100%;display: none;overflow: hidden;z-index: 900;}
.folderOperatePane .mask{position:absolute;left:0;top:0;height:100%;width:100%;background-color:black;opacity:0.2;filter:alpha(opacity=20);z-index: 999;border:1px solid red;}
.folderOperatePane .operate{border:1px solid blue;position:absolute;width:136px;background-color:#fff;border:2px solid #afabab;z-index: 1000;}
.folderOperatePane p{position:relative;cursor:pointer;line-height: 50px;padding-left:10px;font-weight: bold;color:#595959;}
.folderOperatePane p:hover{background-color: #eee;}
.rightContent{float:right;width:785px;overflow:hidden;border: 1px solid #d3d3d3;}
.rightContent .header{padding: 10px;overflow: hidden; background-color: #fff;}
.rightContent .header a{margin-left: 14px;}
.rightContent .fileList{background-color: #fff;overflow:hidden;}   
.rightContent .fileList .title{background-color: #f7f7f7;line-height: 33px;color: #888;border-bottom: 1px solid #d3d3d3;border-top: 1px solid #d3d3d3;padding-left: 10px;overflow: hidden;padding-top: 3px;padding-bottom: 3px;}
.rightContent .fileList .title div{display:inline-block;float:left;padding-left:5px;}
.rightContent .fileList .title div.title2{overflow: hidden;padding-top: 10px;}
.rightContent .fileList .title div.title55{border-right: 1px solid #e5e5e5;}
.rightContent .fileList .title div.title551{display:none;border-right: 1px solid #e5e5e5;}
.rightContent .fileList .title div.title551 img{float:right;margin: 10px 5px 3px 0;cursor: pointer;}
.rightContent .fileList .title div.title13{border-left: 1px solid #fff;border-right: 1px solid #e5e5e5;}
.rightContent .fileList .title div.title26{border-left: 1px solid #fff;}

.percent2{width:2%;}
.percent55{width:55%;}
.percent13{width:13%;}
.percent26{width:26%;}

.checkBox{width:16px;height:16px;background: url(../img/common/checkboxDIY.png) top left no-repeat;display: inline-block;cursor: pointer;}
.changeBg{background-position: 0 -19px;}

.rightContent .fileList .more{float:right;margin:10px;}
.rightContent .fileList .more img{vertical-align: middle;margin-bottom: 2px;}
.rightContent .fileList ul{padding-left: 10px;overflow: hidden;padding-top: 3px;padding-bottom: 3px;}
.rightContent .fileList ul li {line-height:30px;overflow: hidden;}
.rightContent .fileList ul li:hover{background-color: #f0f8fd;}
.fileListLiSelected{background-color: #f0f8fd;}
.rightContent .fileList ul li div{display: inline-block;padding-left:5px;}
.rightContent .fileList ul li div.percent55{padding:0;}
.rightContent .fileList ul li img{vertical-align: middle;margin-left: 6px;}
.rightContent .fileList ul li .checkBox{vertical-align: middle;}
.rightContent .fileList ul li p{padding-left:30px;line-height: 25px;font-size: 14px;color:#676767;}
.rightContent .fileList ul li p.name{font-weight: bold;}
.operateBar{display: none;float:right;}
.operateBar img{cursor: pointer;}


.fileOperatePane{position:fixed;left:0;top:0;height:100%;width:100%;display: none;overflow: hidden;z-index: 900;}
.fileOperatePane .mask{position:absolute;left:0;top:0;height:100%;width:100%;background-color:black;opacity:0.2;filter:alpha(opacity=20);z-index: 999;border:1px solid red;}
.fileOperatePane .operate{border:1px solid blue;position:absolute;width:136px;background-color:#fff;border:2px solid #afabab;z-index: 1000;}
.fileOperatePane p{position:relative;cursor:pointer;line-height: 50px;padding-left:10px;font-weight: bold;color:#595959;}
.fileOperatePane p:hover{background-color: #eee;}

.fileList .turnPage{text-align: right;padding:10px;}

.copyFileToPane{width: 240px;height:270px;display: none;padding:10px;}
.copyFileToPane .files{height:240px;overflow-y:auto; border:1px solid #d3d3d3;}
.copyFileToPane .files ul li{line-height: 25px;padding:5px;}
.copyFileToPane .files ul li:hover{background-color: #ddd;cursor: pointer;}
.copyFileLiSelected{background-color: #d3d3d3;}
.copyFileToPane .files ul li img{vertical-align: middle;}
.copyFileToPane .operate{overflow: hidden;text-align: center;margin-top: 8px;padding: 5px;}
.copyFileToPane .operate span{background-color:#E7E6E6;color: #7F7F7F;border:1px solid #AFABAB;line-height: 24px;padding:5px 18px; cursor: pointer;margin-left:5px;}
.copyFileToPane .operate span:hover{background-color: #AFABAB;color:#eee;}