.uploader .form{
	text-align: center;
	padding: 30px 0;
	margin: 0 0 20px; 
	border: 1px dashed #bfbfbf;
}
.uploader .form p{
	margin: 0 0 10px;
}
.uploader .form .drop{
	margin: 0;
	color: #369;
	font-size: 12px;
}
.uploader .fileInput{
	display: none;
}
.uploader .fileUpload{
	display: inline-block;
	background: #d5d5d5;
	padding: 5px 20px;
	border-radius: 3px;
	color: #369;
	border: 0;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
}
.uploader .files>li .drag{
	position: absolute;
	background: #EEE;
	color: #369;
	border: 0;
	top: 5px;
	right: 0;
	cursor: move;
	padding: 5px 10px;
}
.uploader .files> li .progress{
	width: 100%;
	height: 20px;
	background-color: #cad1ef;
	margin: 0;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.uploader .files> li .progress span{
	display: inline-block;
	height: 100%;
	width: 0%;
	border-radius: 4px;
	background: rgb(30,87,153); /* Old browsers */
	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-15 */
	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-25,Safari5.1-6 */
	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, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
.uploader .files>li .img.forbid{
	cursor: not-allowed;
	user-select: none;
}
.uploader .files>li .hide{
	display: none;
}
.uploader .files>li .info{
	padding: 15px 0 0px;
}
.uploader .files>li .name{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	margin: 0 0 15px;
	color: #d84e4c;
}
.uploader .files>li .errors{
	list-style-type: circle;
	padding-left: 15px;
	color: #c50808;
	font-size: 14px;
}
.uploader .files>li button, .uploader .files>li input{
	outline: none!important;
}
.uploader .files>li .file-name{
	width: 100%;
	padding: 4px 40px 4px 10px;
	border: 1px solid #bdbdbd;
	margin-bottom: 7px;
}
.uploader .files>li .file-caption{
	width: 90%;
	padding: 5px 10px;
	border: 1px solid #bdbdbd;
}
.uploader .files>li .rename{
	border: 0;
	background: #10e8ea;
	color: #fff;
	padding: 4px 10px;
	position: absolute;
	top: 40px;
	right: 0;
	cursor: pointer;
	border: 1px solid #bdbdbd;
}
.uploader .files>li .bookmark{
	/*
	cursor: pointer;
	border: 1px solid #204d74;
	padding: 8px 10px;
	margin: 0;
	color: #fff;
	border-radius: 4px;
	background-color: #286090;
	font-size: 14px;
	display: none;
	*/
}
.uploader .files>li .bookmark.click{
	display: inline-block;
	font-size: 11px !important;
}
.uploader .files>li .bookmark.hide{
	display: none!important;
}
@media (min-width: 769px){
	.uploader .files{
		padding: 0 15px;
		list-style: none;
		border: 1px dashed #d5d5d5;
		border-bottom: 0;
		min-height: 40px;
		margin:0;
		background-color: #fff;
	}
	.uploader .files>li{
		padding: 5px 0 0 195px;
		position: relative;
		min-height: 145px;
		background-color: inherit;
		border-bottom: 1px dashed #d5d5d5;
	}
	.uploader .files>li:last-child{
		border-bottom: 0;
	}
	.uploader .files>li .img{
		position: absolute;
		display: block;
		width: 160px;
		height: 120px;
		left: 0;
		top: 20px;
		background-size: 100% 100%;
	}
	.uploader .files>li .control{
		padding: 10px 0;
	}
	.uploader .files>li .delete{
		/*
		padding: 5px 10px;
		cursor: pointer;
		border: 1px solid #ac2925;
		padding: 8px 10px;
		margin: 0 5px 0 0;
		color: #fff;
		background-color: #c9302c;
		border-radius: 4px;
		font-size: 14px;
		*/
	}
	.uploader .files>li .edit, .uploader .files>li .delete, .uploader .files>li .bookmark{
		background: #366;
		cursor: pointer;
		padding: 0;
		border: 0;
		color: #fff;
		cursor: pointer;
		padding: 5px 10px;
		margin: 0 10px 0 0;
		font-size: 11px !important;
	}
	.uploader .files>li .delete{
		background-color: #da4f49;
	}
	.uploader .files>li .edit .it2{
		display: none;
	}
	.uploader .files>li .edit.on .it2{
		display: inline-block;
	}
	.uploader .files>li .edit.on .it1{
		display: none;
	}
}
@media (max-width: 768px){
	.uploader .files{
		padding: 0 15px;
		list-style: none;
		border: 1px dashed #d5d5d5;
		border-bottom: 0;
		min-height: 40px;
		margin:0;
		background-color: #f9f9f9;
	}
	.uploader .files>li{
		padding: 20px 0 0 90px;
		position: relative;
		min-height: 110px;
		border-bottom: 1px dashed #748aee;
		background-color: inherit;
	}
	.uploader .files>li:last-child{
		border-bottom: 0;
	}
	.uploader .files>li .img{
		display: block;
		width: 80px;
		height: 80px;
		background-size: 100% 100%;
		position: absolute;
		left: 0;
		top: 20px;
	}
	.uploader .files>li .delete{
		background: #d84e4c;
		padding: 5px 10px;
		color: #fff;
		border: 0;
		/*
		position: absolute;
		top: 5px;
		right: 40px;
		font-size: 0;
		*/
		cursor: pointer;
		font-size: 11px !important;
	}
	.uploader .files>li .delete i, .uploader .files>li .bookmark i{
		font-size: 11px;
		margin-right: 5px;
	}
	.uploader .files>li .edit{
		background: #6dd84c;
		padding: 6px 10px;
		border: 0;
		color: #fff;
		/*
		position: absolute;
		top: 5px;
		right: 115px;
		*/
		cursor: pointer;
		font-size: 11px;
    	margin-right: 5px;
	}
	.uploader .files>li .edit i{
		font-size: 14px;
	}
	.uploader .files>li .edit .it2{
		display: none;
	}
	.uploader .files>li .edit.on .it2{
		display: inline-block;
	}
	.uploader .files>li .edit.on .it1{
		display: none;
	}
	.uploader .files>li .bookmark{
		border: 0;
		padding: 5px 10px;
		/*
		position: absolute;
		top: 5px;
		right: 69px;
		*/
		border-radius: 5px;
		font-size: 11px !important;
	}
	.uploader .files>li .bookmark i{
		/*
		font-size: 16px;
		*/
	}
}