@charset "utf-8";
.pickfiles:before,#fsUploadProgress .img:after { background:url(pickfiles.png) no-repeat 0 0;background-size:160px auto;}

#container { position:relative; z-index:1; margin:0 0 10px 0; text-align:center;}
.pickfiles { display:block; color:#555; position:relative; z-index:1; border:1px solid #eee; border:1px solid #ddd; background-color:#f6f6f6; height:40px; line-height: 40px; border-radius:4px;}
.pickfiles:before { display:inline-block; vertical-align:-2px; margin-right:6px; content:''; width:15px; height:15px;}
.moxie-shim { z-index:2!important;}

.progress-striped { position:relative; z-index:1; background-color:#ddd; height:10px; width:50px; margin:6px auto;}
.progress-bar-info { width: 5%; height: 10px; position: absolute; left: 0; top: 0; background-color: #36c;}


#fsUploadProgress { padding-left:10px; overflow:hidden;}
#fsUploadProgress .progressContainer {position:relative; z-index:1; float:left; width:25%; margin-bottom:10px; padding-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#fsUploadProgress .img { position: relative; z-index:1; float:left; width:100%;}
#fsUploadProgress .text { clear: left; text-align: center; font-size: 12px; line-height: 22px; padding: 0; height: 22px; background-color: rgba(0,0,0,.6); color: #fff; position: absolute; left: 0; right: 10px;bottom: 0;}
#fsUploadProgress .text .status { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#fsUploadProgress .progressCancel,#fsUploadProgress .progressDels,#fsUploadProgress .yiliu { display:block; position:absolute; z-index:9; top:0; right:10px; background-color:rgba(0,0,0,.5); color:#fff; padding:2px 5px; box-sizing:content-box;}

#fsUploadProgress .progressDels {display: block; position: absolute; top: -5px; right: -5px; width: 18px; height: 18px; background: url(../../images/upimg_pub.png) no-repeat -3px -71px; background-size: 23px auto; text-indent: -999em; overflow: hidden;}

.btn_qiniu { float:left; width:25%; padding-right:10px!important; box-sizing:border-box;}
.btn_qiniu a { display:block; background-color:#f9f9f9;}
.btn_qiniu img { width:100%; height:100%; vertical-align:top;}

#fsUploadProgress .progressDels {}
#fsUploadProgress .yiliu { display:none; color:#f00; right:auto; left:0; background-color:transparent;}
#fsUploadProgress .progressName,#fsUploadProgress .progressFileSize { display:none; word-break: break-all;}

#fsUploadProgress .green_font { color:#1b7e00;}
#fsUploadProgress .text-warning { color:#f00;}
#fsUploadProgress .text-warning .status { display:block!important;}
.fsUploadProgress_success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; font-size:14px; margin-bottom:10px;}

#fsUploadProgress .img .picHolder { width:100%; margin-top:100%;}
#fsUploadProgress .img .immg { display:block; width:100%; height:100%;  position:absolute; top:0; left:0;}
#fsUploadProgress .img .duration { display:block; position:absolute; background:rgba(0,0,0,.4); bottom:5px; right:5px; color:#fff; font-size:12px; line-height:22px; height:22px; border-radius:11px; padding:0 5px;}
#fsUploadProgress .img .duration:before { display:inline-block; content:''; width:0; height:0; margin:0 0 0 5px; overflow:hidden; vertical-align:0; border:1px solid transparent; border-width:5px 6px; border-left-color:#fff;}
/*#fsUploadProgress .img:after {width: 40px; height: 40px; position: absolute;left: 50%; top: 50%; margin:-20px 0 0 -20px; display: block; content: ''; background-position: -19px 15px; background-color: rgba(0,0,0,.5); border-radius: 40px; background-size: 50px;}*/

.player_h5_manage { position:fixed; z-index:1006; top:0; left:0; right:0; bottom:0;}
.player_h5_manage video { background-color:#000; display:block; width:100%; height:100%;}
.player_mask { display:none; position:fixed; z-index:1005; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.8);}