﻿/*#region FileUpload********************/
.swfupload {left: 0;top: 0;}
.multiFileDiv {position: relative;}
.multiFileEdit {}
.multiFileDiv .uploadify, .singleFileDiv .uploadify {position: relative;}
.multiFileDiv .uploadify .uploadify-button, .singleFileDiv .uploadify .uploadify-button{
text-align: center;
cursor: pointer;
background: #f3f3f3;
background: url('images/buttonicon.png') 6px 5px no-repeat;
background: url('images/buttonicon.png') 6px 5px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#efefef));
background: url('images/buttonicon.png') 6px 5px no-repeat, -moz-linear-gradient(top, #f9f9f9, #efefef);
background: url('images/buttonicon.png') 6px 5px no-repeat,-o-linear-gradient(top, #f9f9f9, #efefef);
background: url('images/buttonicon.png') 6px 5px no-repeat,-ms-linear-gradient(#f9f9f9 0%,#efefef 100%);
outline: none;
width: 82px !important;
height: 22px !important;
line-height: 22px !important;
border-radius: 1px;
border: 1px solid #dadada;
border-bottom: 1px solid #d0d0d0;
text-indent: 12px;
transition: border linear .2s, box-shadow linear .2s;
}
.multiFileDiv .uploadify .selectbutton{}
.multiFileDiv .uploadify:hover .uploadify-button, .singleFileDiv .uploadify:hover .uploadify-button{border: 1px solid #88c401;box-shadow: 0 0 8px rgba(136,196,1,0.6);}
.multiFileDiv .loadbar{
display: none;
width: 265px;
background-color: #FFF;
border: 1px solid #707070;
margin-left: 5px;
margin-top: 6px;
float: left;
}
.multiFileDiv .loadbar .bar{
display: block;
font-size: 12px;
background-color: #f9d64c;
text-align: center;
white-space: nowrap;
width: 0%;
}
.multiFileDiv .file-list{overflow-y: auto;max-height: 500px;width: 400px;margin-top: 5px;}
.multiFileDiv .file-item{margin-bottom: 5px;}
.multiFileDiv .file-item .file-item-lable{
width: 230px;
border: 1px solid #aaaaaa;
border-radius: 1px;
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
height: 22px;
line-height: 22px;
margin-right: 5px;
background-color: #e4e4e4;
vertical-align: middle;
float: left;
position:relative;
}
.multiFileDiv .file-item .file-item-lable .progressBar{position:absolute; height:100%; left:0;line-height: 22px;box-shadow: 0 0 8px rgba(136,196,1,0.6);
                                                       background:#88c401;background-image: linear-gradient(top, #B6E45D 20%, #FFF 50%, #FFF 52%, #88c401 100%);
                                                       background-image: -webkit-linear-gradient(top, #B6E45D 20%, #FFF 50%, #FFF 52%, #88c401 100%);}
.multiFileDiv .file-item .file-item-lable .file-name{
color: #222;
font-size: 12px;
margin-left: 5px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
text-decoration: none;
display: block;
width: 200px;
float: left;
}
.multiFileDiv .file-item .keyword{width: 130px;line-height:20px;height:22px}
.multiFileDiv .file-item .file-delete{color: #666;margin-right: 5px;text-decoration: none;font-family: Arial;font-size: 12px;position:absolute;right:0;z-index:2}
.multiFileDiv .file-item .file-item-lable .file-name:hover{text-decoration: none;}
.multiFileDiv .file-item .file-item-lable .file-delete:hover{text-decoration: none;color: #c60707;}
.multiFileDiv .file-view-item {text-align: center;cursor: pointer;background-color: #FFF;border: 1px solid #CCCCCC;height: 102px;
	width: 102px;line-height: 100px;position: relative;float: left;	margin: 5px 5px 5px 0;
}
.multiFileDiv .file-view-item img{max-height: 100px;max-width: 100px;margin: 0 auto;vertical-align: middle;}
.singleFileDiv .file-view-item img{max-height: 100px;max-width: 100px;margin: 0 auto;vertical-align: middle;}
.multiFileDiv .file-view-item .filebg{background: url('img/file/File128.png') center;height: 100px;width: 100px;background-size:contain;background-repeat:no-repeat}
.multiFileDiv .file-view-item .wordbg{background-image: url('img/file/doc128.png')}
.multiFileDiv .file-view-item .excelbg{background-image: url('img/file/xls128.png')}
.multiFileDiv .file-view-item .pptbg{background-image: url('img/file/ppt128.png')}
.multiFileDiv .file-view-item .txtbg{background-image: url('img/file/txt128.png')}
.multiFileDiv .file-view-item .pdfbg{background-image: url('img/file/pdf128.png')}
.multiFileDiv .file-view-item .dwgbg{background-image: url('img/file/dwg128.png')}
.multiFileDiv .file-view-item .rarbg{background-image: url('img/file/rar128.png')}
.multiFileDiv .file-view-item .audiobg{background-image:url('img/file/voice128.png');}
.multiFileDiv .file-view-item .viderbg{background-image:url('img/file/video128.png');}
.multiFileDiv .file-view-item .newfilebg{height: 100px;width: 100px;background-size:100px}
.multiFileDiv .file-view-item .progressBar{position:absolute;width:100%;bottom:0;background-color:rgba(100,190,40,0.5)}
.multiFileDiv .file-view-item .overlay{background-color: #000;filter: alpha(opacity=60);-moz-opacity: 0.5;-khtml-opacity: 0.6;opacity: 0.5;
line-height: 12px;display: none;height: 40%;width: 100%;position: absolute;bottom: 0;left: 0;font-size: 11px;}
.multiFileDiv .file-view-item .overlay a{color: #FFF !important;}
.multiFileDiv .file-view-item .overlay a:hover{color: #43fd89 !important;}
.multiFileDiv .file-view-item .file-view-name{
width: 96px;height: 22px;line-height:22px;display: inline-block;color: #fff;
-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.multiFileDiv .file-view-more{text-align: center;border-top: solid 1px #898989;margin-top: 5px;display: none;}
.multiFileDiv .file-view-more div{border: solid 1px #898989;margin: 0 auto;width: 50px;margin-top: -1px;border-top: none;background: none repeat scroll 0 0 #FFFFFF;}
.multiFileDiv .file-view-more div:hover{cursor: pointer;}

.MultiPicView{position:relative;width:100%;height:100%;padding:0;}
.MultiPicView .NoPic{position:relative;border:solid 1px #d5d5d5;text-align:center;vertical-align:middle;}
.MultiPicView .NoPicText{font-size:16px;color:#d5d5d5;}
.MultiPicView .NoPicText .Pre{font-size:18px;position:relative;}
.uploadify-queue{margin-bottom: 1em;}
.uploadify-queue-item{
border-radius: 3px;
background-color: #e4e4e4;
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
color: #222;
border: 1px solid #aaaaaa;
line-height: 20px;
padding: 2px 5px 2px 10px;
margin: 3px 0 3px 5px;
cursor: default;
float: left;
}
.uploadify-queue-item .fileName{font-size: 12px;color: #222;position: relative;float: left;}
.uploadify-queue-item a{font-size: 12px;color: #666;text-decoration: none;}
.uploadify-queue-item a:hover{color: #000;text-decoration: none;}
.uploadify-queue-item .cancel{
min-width: 95px;
margin: 2px 1px 2px 1px;
padding: 3px 3px 4px 13px;
font: 12px "Microsoft Yahei";
color: #ffffff;
text-align: center;
cursor: pointer;
border-radius: 2px;
background: #383838;
border: 1px solid #292929;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f4f4f), color-stop(100%, #3e3e3e));
background-image: -webkit-linear-gradient(top, #4f4f4f, #3e3e3e);
background-image: linear-gradient(top, #4f4f4f, #3e3e3e);
-webkit-box-shadow: inset 0 1px 0 0 #898989;
box-shadow: inset 0 1px 0 0 #898989;
outline: none;
}
.uploadify-queue-item .fancybox{float: left;}
.uploadify-queue-item-ico{padding: 1px;max-width: 100%;position: relative;height: 21px;line-height: 21px;}
.uploadify-queue-item-ico .cancel{float: right;margin-top: 4px;}
.uploadify-queue-item .cancel a{background: url('uploadify-cancel.png') 0 0 no-repeat;float: right;height: 16px;text-indent: -9999px;width: 16px;}
.uploadify-queue-item:hover .cancel a{background: url('uploadify-cancel.png') 0 -27px no-repeat;}
.uploadify-queue-item .completed{background-color: #E5E5E5;}
.uploadify-queue-item-ico .cancel a{
	background: url('uploadify-cancel.png') 0 0 no-repeat;
	float: right;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadify-queue-item-ico .completed{background-color: #E5E5E5;}
.uploadify-error{background-color: #FDE5DD !important;}
.uploadify-progress{background-color: #FFF;margin-top: 9px;float: left;width: 50px;}
.uploadify-progress-bar{background-color: #4ca30c;height: 5px;width: 1px;}
.smallupbar{width:82px;height:2px;border:none;float: left;display:none}
.smallupbar .innerbar{width:0%; height:2px; background:#18d003;border:none}
.icon-out{height:110px;width:84px;position:relative;margin:3px 0}
.icon-out .icon-view-item{
text-align: center;
cursor: pointer;
background-color: #FFF;
border: 1px solid #CCCCCC;
height: 82px;
width: 82px;
line-height: 78px;
position: relative;
float: left;
}
.down-img-btn{position:absolute;bottom:0px;height:26px}
.icon-out .icon-view-item img{max-height: 80px;max-width: 80px;margin: 0 auto;vertical-align: middle;}

.file-panel {position: absolute; height: 0; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
        background: rgba( 0, 0, 0, 0.5 ); width: 100%; height: 20px;display: none; top: 0; left: 0;overflow: hidden;}
.cancel {background-position: -48px -24px;}
/*#endregion*/

.multiFileDiv .file-view-item .righttopoverlay, .multiFileDiv .file-view-item .right2topoverlay,.multiFileDiv .file-view-item .lefttopoverlay
{background-color: #000;filter: alpha(opacity=60);-moz-opacity: 0.5;-khtml-opacity: 0.6;opacity: 0.5;line-height: 2.2;display: none;height: 22px;width: 22px;position: absolute;top: 0;font-size: 11px;}
.multiFileDiv .file-view-item .righttopoverlay{right:0;cursor:pointer}
.righttopoverlay span:hover,.right2topoverlay span:hover{color:red;}
.righttopoverlay .file-delete{font-size:18px;line-height:20px;color:#fff;font-weight:500}