.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     visibility: hidden;
     clear: both;
 }
 body {
     background-color: #ECF0F1;
 }
 .wrapper,
 .images {
     background-color: #fff;
     clear: both;
 }
 .wrapper {
     padding-bottom: 0.3em;
     width: 100%;
 }
 .images {
     width: 100%;
     margin: auto;
     padding-top: 0.3em;
     padding-bottom: 0.3em;
     clear: both;
 }
 .plus {
     text-align: center;
     color: #BDC3C7;
     font-weight: 100;
     height:50px;
     width: 65px;
     margin: 0.2em 0.2em 0.2em 0.2em;
     float: left;
     background:url(default_img.png) no-repeat;
     overflow:hidden;
     margin-top: 0px;
 }
 
 .image {
     width: 85px;
     height: 82px;
     text-align: center;
     color: #BDC3C7;
     float: left;
     margin-right: 12px;
     border: 1px dashed #BDC3C7;
     margin-bottom: 10px;
 }
 
 .image img {
     width: 83px;
     height: 80px;
     text-align: center;
     color: #BDC3C7;
     float: left;
 } 
 
 .image a div {
 	width:88px; 
 	word-break:break-all;
 	padding-left: 1px;
 	padding-right: 1px;
 } 
 
 .delete {
 	background: url(delImg.png) no-repeat;
	background-size: 20px;
	width: 20px;
	height: 20px;
	position: relative;
	left: 70px;
	top:-7px;
 }
 
.delete1 {
 	background: url(delImg.png) no-repeat;
	background-size: 20px;
	width: 20px;
	height: 20px;
	position: relative;
	left: 70px;
	top: -88px;
 }
 
 .divMp3 {
   background: url(./mp3.png) no-repeat;
   width: 83px; 
   height: 80px;
 }
 
 .divMp4 {
   background: url(./mp4.png) no-repeat;
   width: 83px; 
   height: 80px;
 }
 
.divPdf {
   background: url(./pdf.png) no-repeat;
   width: 83px; 
   height: 80px;
 } 
 
 .divLoad2 {
 	
 }
  
 .BigImg{
  	margin:0;
  	padding:0;
  	z-index:1000;
   position:absolute;
   background-color:#DEDEDE;
   overflow:auto;
 }
 .inputfile{ 
   z-index:3;
	right:0px; 
	height:100px; 
	opacity:0;
}