.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    /* width: 105px;  */
    width: auto;
    padding: 5px; 
    text-align:center;    
    background:#880000; 
    color:#fff;
    /* border-bottom:1px solid #ddd; */
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; 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:1.0em;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:0.75em;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text, .qq-upload-remove {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel,.qq-upload-remove {font-size:0.75em;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

.qq-upload-thumb{    
    height:80px;
    margin: 0 auto;
    display: block;
}
li.thumb{
    height: 100px;
    display: block;  
    float: left;
    padding:5px;
    border: 1px solid #ccc;
    margin: 5px;
}
li.thumb .fileDiv{
    background: transparent url(../../resource_view/css_show/resource_integration.png) no-repeat top left;
    height: 80px;
    width: 80px;
    left:0px;
    top:0px;
    cursor:pointer;
    background-position:-80px 0;
    overflow: hidden;
    position: relative;
}
li.thumb .fileNameDiv{
    width:80px;
    font-size:0.8em;
    text-align: center;
    overflow: hidden;
    display: none;
    z-index: 10;
    position: absolute;
    background-color: chocolate;
    color:#FFF;
    margin: 0 auto;
    bottom: 0px;
}
li.thumb .qq-upload-remove{
    text-align: right;
    display: block;
    padding: 5px 0;
}
li.thumb .fileDiv#docx {
    background-position: -160px 0;
}
li.thumb .fileDiv#docx{
    background-position:-160px 0;
}
li.thumb .fileDiv#pptx{
    background-position:-320px 0;
}
li.thumb .fileDiv#jpeg{
    background-position:-480px -80px;
}	
li.thumb .fileDiv#png{
    background-position:-320px -80px;
}
li.thumb .fileDiv#gif{
    background-position:-400px -80px;
}
li.thumb .fileDiv#avi{
    background-position:-80px -80px;
}	
li.thumb .fileDiv#wmv{
    background-position:-640px 0;
}	
li.thumb .fileDiv#flv{
    background-position:0 -80px;
}	
li.thumb .fileDiv#mp3{
    background-position:-480px 0;
}
li.thumb .fileDiv#zip, li.thumb .fileDiv#rar{
    background-position:-400px 0;
}
li.thumb .fileDiv#xls, li.thumb .fileDiv#xlsx{
    background-position:-240px 0;
}
li.thumb .fileDiv#mp4{
    background-position:-160px -80px;
}
li.thumb .fileDiv#mpg, li.thumb .fileDiv#mpeg{
    background-position:-560px 0;
}	
li.thumb .fileDiv#pdf{
    background-position:-240px -80px;
}
.qq-upload-success{
border-bottom:1px solid #cccccc;
padding-bottom:5px;
margin-bottom:10px;	
margin-left:5px;
margin-right:5px;
}
.qq-upload-option{
padding-left:25px;
color:#0000FF;	
}