form,li,ol,p,ul{margin:0;padding:0;list-style:none}
#wrapper{margin:1em 0;width:auto;overflow:hidden}
#container{border:1px solid #dadada;color:#838383;font-size:12px;margin-top:10px;background-color:#FFF}
#uploader .queueList{margin:20px}
.element-invisible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}
#uploader .placeholder{border:3px dashed #e6e6e6;min-height:120px;padding-top:28px;text-align:center;color:#ccc;font-size:16px;position:relative}
#uploader .placeholder .webuploader-pick{font-size:18px;background:#00b7ee;border-radius:3px;line-height:44px;padding:0 30px;color:#fff;display:inline-block;margin:20px auto;cursor:pointer;box-shadow:0 1px 1px rgba(0,0,0,.1)}
#uploader .placeholder .webuploader-pick-hover{background:#00a2d4}
#uploader .placeholder .flashTip{color:#666;font-size:12px;position:absolute;width:100%;text-align:center;bottom:20px}
#uploader .placeholder .flashTip a{color:#0785d1;text-decoration:none}
#uploader .placeholder .flashTip a:hover{text-decoration:underline}
#uploader .placeholder.webuploader-dnd-over{border-color:#999}
#uploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied{border-color:red}
#uploader .filelist{list-style:none;margin:0;padding:0}
#uploader .filelist:after{content:'';display:block;width:0;height:0;overflow:hidden;clear:both}
#uploader .filelist li{width:100px;background:url(./bg.png) no-repeat;margin:0 8px 10px 0;position:relative;display:inline;float:left;overflow:hidden;font-size:12px}
#uploader .filelist li p.log{position:relative;top:-45px}
#uploader .filelist li p.title{position:absolute;top:0;left:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;top:5px;text-indent:5px;text-align:left;z-index:250}
#uploader .filelist li p.progress{width:100%}

@-webkit-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@-moz-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}

#uploader .filelist li p.imgWrap{margin:10px 0;position:relative;line-height:75px;vertical-align:middle;overflow:hidden;width:100px;height:75px;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webit-transition:200ms ease-out;-moz-transition:200ms ease-out;-o-transition:200ms ease-out;-ms-transition:200ms ease-out;transition:200ms ease-out}
#uploader .filelist li img{width:100%}
#uploader .filelist li p.error{background:#f43838;color:#fff;position:absolute;bottom:0;left:0;height:28px;line-height:28px;width:100%;z-index:100}
#uploader .filelist li .success{display:block;position:absolute;left:0;bottom:0;height:40px;width:100%;z-index:200;background:url(./success.png) no-repeat right bottom}
#uploader .filelist .file-panel{padding:5px 0;position:absolute;height:16px;color:#FFF;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000') \0;background:rgba(0,0,0,.5);width:100%;bottom:0;left:0;overflow:hidden;z-index:250}
#uploader .filelist .file-shan{height:26px;line-height:26px;position:absolute;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')url(0);background:rgba(0,0,0,.5);width:100%;bottom:0;left:0;overflow:hidden}
#uploader .state-complete .file-shan{position:absolute;height:26px;line-height:26px;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')url(0);background:transparent;width:100%;bottom:0;left:0;overflow:hidden}
#uploader .filelist span.cancel{position:absolute;bottom:0;right:0;width:24px;height:26px;display:inline;text-indent:-9999px;overflow:hidden;background:url(./icons.png) no-repeat;cursor:pointer;z-index:300}
#uploader .filelist span.cancel{background-position:-48px 5px}
#uploader .statusBar{height:55px;border-top:1px solid #dadada;line-height:55px;vertical-align:middle;position:relative}
#uploader .statusBar .progress{border:1px solid #1483d8;width:198px;background:#fff;height:18px;position:relative;display:inline-block;text-align:center;line-height:20px;color:#6dbfff;position:relative;margin-right:10px}
#uploader .statusBar .progress span.percentage{width:0;height:100%;left:0;top:0;background:#1483d8;position:absolute}
#uploader .statusBar .progress span.text{position:relative;z-index:10}
#uploader .statusBar .info{display:inline-block;line-height:27px;font-size:14px;color:#666;float:right;padding-right:10px}
#uploader .statusBar .btns{line-height:40px;padding:7px 14px}
#filePicker2{display:inline-block;float:left}
#uploader .statusBar .btns .uploadBtn,#uploader .statusBar .btns .uploadBtn.state-paused,#uploader .statusBar .btns .uploadBtn.state-uploading,#uploader .statusBar .btns .webuploader-pick{background:#fff;border:1px solid #cfcfcf;color:#565656;padding:0 18px;display:inline-block;border-radius:3px;margin-left:10px;cursor:pointer;font-size:14px;float:left}
#uploader .statusBar .btns .uploadBtn.state-paused:hover,#uploader .statusBar .btns .uploadBtn.state-uploading:hover,#uploader .statusBar .btns .uploadBtn:hover,#uploader .statusBar .btns .webuploader-pick-hover{background:#f0f0f0}
#uploader .statusBar .btns .uploadBtn{background:#00b7ee;color:#fff;border-color:transparent}
#uploader .statusBar .btns .uploadBtn:hover{background:#00a2d4}
#uploader .statusBar .btns .uploadBtn.disabled{pointer-events:none;opacity:.6}
.setTitlepic{vertical-align:middle}