.qq-uploader { position: relative; width: 100%;}
.qq-upload-button { display: block; width: 105px; padding: 7px 0; text-align: center; background: #2968b7; color: #FFF; }
.qq-upload-button-hover { background: #0065cd; }
.qq-upload-button-focus { outline: 1px dotted #000000; }
.qq-upload-drop-area, .qq-upload-extra-drop-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 30px; z-index: 2; background: #FF9797; text-align: center; }
.qq-upload-drop-area span { display: block; position: absolute; top: 50%; width: 100%; margin-top: -8px; font-size: 11px; }
.qq-upload-extra-drop-area { position: relative; margin-top: 50px; font-size: 11px; padding-top: 30px; height: 20px; min-height: 40px; }
.qq-upload-drop-area-active { background: #FF7171; }
.qq-upload-list { margin: 0; padding: 0; list-style: none; position: absolute; width: 400px;}
.qq-upload-list li { margin: 0; padding: 9px; line-height: 15px; font-size: 11px; background-color: #FFF0BD; }
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished, .qq-upload-delete { margin-right: 12px; }
.qq-upload-file { display:none }
.qq-upload-spinner { display: inline-block; background: url("loading.gif"); width: 15px; height: 15px; vertical-align: text-bottom; }
.qq-drop-processing { display: none; position: absolute; }
.qq-drop-processing-spinner { display: inline-block; background: url("processing.gif"); width: 24px; height: 24px; vertical-align: text-bottom; }
.qq-upload-finished { display: none; width: 15px; height: 15px; vertical-align: text-bottom; }
.qq-upload-retry, .qq-upload-delete { display: none; color: #000000; }
.qq-upload-cancel, .qq-upload-delete { color: #000000; }
.qq-upload-retryable .qq-upload-retry { display: inline; }
.qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-delete { font-size: 10px; font-weight: normal; display:none  }
.qq-upload-failed-text { display: none; font-style: italic; font-weight: bold; }
.qq-upload-failed-icon { display: none; width: 15px; height: 15px; vertical-align: text-bottom; }
.qq-upload-fail .qq-upload-failed-text { display: inline; }
.qq-upload-retrying .qq-upload-failed-text { display: inline; color: #D60000; }
.qq-upload-list li.qq-upload-success { background-color: #5DA30C; color: #FFFFFF; }
.qq-upload-list li.qq-upload-fail { background-color: #D60000; color: #FFFFFF; }
.qq-progress-bar { background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */ background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */ width: 0%; height: 15px; border-radius: 6px; margin-bottom: 3px; display: none; }