.file_upload{
	position: relative;
	min-height: 150px;
	/* border: 2px dashed #ddd; */
	margin: 0 0 20px;
	box-sizing: border-box;
}
.file_upload *{
	box-sizing: border-box;
}
.file_upload .file_dropzone,
.file_upload .file_input,
.file_upload .file_message{
	position: absolute;
	display: block;
	top:0; left: 0; 
	width: 100%; height: 100%;
}
.file_upload .file_input{
	opacity: 0;
}
.file_upload .file_title{
	padding: 10px 20px;
}
.file_upload .file_title >i{
	font-style: normal;
	float: right;
}
.file_upload .file_message{
	display: table;
	padding-top: 40px;
}
.file_upload .file_message >span{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	font-size: 14px;
	color: #919191;
	text-align: center;
}
.file_upload >.file_list{
	margin: 45px 0 10px;
	padding: 0 20px;
	list-style: none;
}
.file_upload >.file_list >li {
	position: relative;
	background-color: #f2f2f2;
	width: 114px;
	height: 85px;
	margin: 0 10px 10px 0;
	padding: 0;
	border-radius: 4px;
	display: -moz-inline-box;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	word-spacing: normal;
	line-height: 100px;
	vertical-align: top;
	text-align: center;
	overflow: hidden;
}
.file_upload >.file_list >li:before{
	display: none !important;
}
.file_upload >.file_list >li >img{
	width: auto;
	height: 100%;
}
.file_upload >.file_list .file_delete{
	display: block;
	position: absolute;
	border: 0; outline: 0;
	padding: 0;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACHUExURQAAAAAAAAAAAAAAACsrKwAAAAAAAAAAACIiIujo6AAAANnZ2QAAAAAAAAAAAOfn5+bm5gAAAAAAAAAAAAAAAAAAAAAAALi4uLy8vN3d3SkpKebm5gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANzc3Nzc3P///ymdTn8AAAAsdFJOU2ZYHBBxPmQAb+Jg0FBhXt/fGT0PGhdKs7fUcd5VTDpjDlZXTg1TGGIbS9TTAIDI/QAAAJZJREFUGNNtkIkOgjAQRKf0oAVBQLzwwPvs/3+fXSmNBCdpdvqSPRGT6urUKiaj7wfuzZ7w2vEOzRMEZSWhS44fJdyhBQaaxLhRXKUaaN5L8hH2FNZ2oxtjU/ISWwrC2MLYqSbP0LVzzBMo5AEVPbqOE2VfXoTyZRhCvPwQf0aND4OFMj5au/bHOYcsfxynR8XU/ehP+AF4oAmMq3oSoQAAAABJRU5ErkJggg==') center no-repeat;
	width: 28px; height: 28px;
	top: 2px; right: 2px;
}
.file_upload >.file_list .file_delete:hover{
	opacity: .8;
}
.file_upload.file_drag{
	border-color: #00bdff;
}
.file_upload.file_drag .file_dropzone{
	z-index: 5;
}
.file_upload.file_drag >.file_list{
	display: none;
}
.file_upload.file_single{min-height: 110px;}
.file_upload.file_single .file_title{
	margin-left: 90px;
	padding: 40px 20px;
}
.file_upload.file_single >.file_list{
	position: relative;
	float: left;
	display: block;
	width: 90px; height: 105px;
	padding: 20px 0 20px 20px;
	margin: 0;
}
.file_upload.file_single.file_drag >.file_list{
	z-index: 1;
}
.file_upload.file_single > .file_list > li{
	width: 65px;
	height: 65px;
}
.file_upload.file_single >.file_list:before {
	content: ''; display: block;
	position: absolute;
	width: 65px;
	height: 65px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAYCAMAAAAxgAaOAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAC9UExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOvSc8wAAAA/dFJOU2ZeEAZkZQEAFFg+UEceTzpbF1c/XBMqDjMyKVkjBwgDCkZCHRwvY0pSXwRhLC4kCxYVMFVTEVQbIEUMIWA8PW5gr44AAAD3SURBVCjPdZLndsIwDIUFGRdnEHbZe0MLpXu+/2NVaeNYmHJ/5Ej6FPno2gStm5JWMa+RDvZkdHtBlaA1m5ZIqmnR4IzWc9oKlVIVOleFa2EX1Ba1RlSPCiLvkMke43SYHz+bbtM4HWWHjaZpelf1xJSVDzj9U9/h31ecVw+uge47MEtPKczZNgaugPQGFJe/0ZKNnFgrdM3KAdCy6AxYZ+EaiC36CpSzsAx8WHQBaF86wMKiIe/zd03KMWNyvQDjyCNvMgbmNqTekG0aNAf8HfYuKD3oB/NUo3/kJvc+/GMiTfqUDd5GWk8bSui6vmgb7K6w3ff2BwVtEDa8u8+uAAAAAElFTkSuQmCC') center no-repeat #eee;
	border-radius: 4px;
}
.file_upload.file_single .file_message{
	display: none;
	visibility: hidden;
	opacity: 0;
}