.upload { width: 700px; }
.upload .btns { width: 200px; }
.upload .btns .btn-primary { height: 40px; margin-left: 10px; }
.upload .file-item { text-align: center; clear: both; }
.upload .file-item > div { float: left; margin: 0 5px; line-height: 45px; }
.statusBar { height: 45px; margin: 0 10px; padding: 0; line-height: 45px; vertical-align: middle; position: relative; }
.statusBar .progress { border: 1px solid #1483d8; width: 198px; background: #fff; height: 18px; position: absolute; top: 12px; display: none; text-align: center; line-height: 18px; color: #6dbfff; margin: 0 10px 0 0; }
.statusBar .progress span.percentage { width: 0; height: 100%; left: 0; top: 0; background: #1483d8; position: absolute; }
.statusBar .progress span.text { position: relative; z-index: 10; }
.upload .imgWrap { position: relative; z-index: 2; line-height: 113px; vertical-align: middle; overflow: hidden; width: 113px; height: 113px; -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; }
.upload .imgWrap.notimage { margin-top: 0; width: 111px; height: 111px; border: 1px #eeeeee solid; }
.upload .imgWrap.notimage i.file-preview { margin-top: 15px; }
i.file-preview { display: block; margin: 10px auto; width: 70px; height: 70px; background-image: url("../Scripts/ueditor/dialogs/video/images/file-icons.png"); background-image: url("../Scripts/ueditor/dialogs/video/images/file-icons.gif") \9; background-position: -140px center; background-repeat: no-repeat; }
i.file-preview.file-type-dir { background-position: 0 center; }
i.file-preview.file-type-file { background-position: -140px center; }
i.file-preview.file-type-filelist { background-position: -210px center; }
i.file-preview.file-type-zip, i.file-preview.file-type-rar, i.file-preview.file-type-7z, i.file-preview.file-type-tar, i.file-preview.file-type-gz, i.file-preview.file-type-bz2 { background-position: -280px center; }
i.file-preview.file-type-xls, i.file-preview.file-type-xlsx { background-position: -350px center; }
i.file-preview.file-type-doc, i.file-preview.file-type-docx { background-position: -420px center; }
i.file-preview.file-type-ppt, i.file-preview.file-type-pptx { background-position: -490px center; }
i.file-preview.file-type-vsd { background-position: -560px center; }
i.file-preview.file-type-pdf { background-position: -630px center; }
i.file-preview.file-type-txt, i.file-preview.file-type-md, i.file-preview.file-type-json, i.file-preview.file-type-htm, i.file-preview.file-type-xml, i.file-preview.file-type-html, i.file-preview.file-type-js, i.file-preview.file-type-css, i.file-preview.file-type-php, i.file-preview.file-type-jsp, i.file-preview.file-type-asp { background-position: -700px center; }
i.file-preview.file-type-apk { background-position: -770px center; }
i.file-preview.file-type-exe { background-position: -840px center; }
i.file-preview.file-type-ipa { background-position: -910px center; }
i.file-preview.file-type-mp4, i.file-preview.file-type-swf, i.file-preview.file-type-mkv, i.file-preview.file-type-avi, i.file-preview.file-type-flv, i.file-preview.file-type-mov, i.file-preview.file-type-mpg, i.file-preview.file-type-mpeg, i.file-preview.file-type-ogv, i.file-preview.file-type-webm, i.file-preview.file-type-rm, i.file-preview.file-type-rmvb { background-position: -980px center; }
i.file-preview.file-type-ogg, i.file-preview.file-type-wav, i.file-preview.file-type-wmv, i.file-preview.file-type-mid, i.file-preview.file-type-mp3 { background-position: -1050px center; }
i.file-preview.file-type-jpg, i.file-preview.file-type-jpeg, i.file-preview.file-type-gif, i.file-preview.file-type-bmp, i.file-preview.file-type-png, i.file-preview.file-type-psd { background-position: -140px center; }