.dropbox {background: #fff url('../img/upload2.png') no-repeat center 40px;border: 5px dashed #CBCBCB;border-radius: 3px;position: relative;min-height: 190px;overflow: hidden;width: 100%;padding: 0 0 0 0;}
.dropbox .message {font-size: 11px;text-align: center;padding-top: 130px;display: block;color: #9C9C9C;}
.dropbox .message i {color:#ccc;font-size:10px;}
.dropbox:before {border-radius:3px 3px 0 0;}
.dropbox .preview {width: 135px;height: 135px;float:left;margin: 20px 0 0 20px;position: relative;text-align: center;}
.photo-preview {display: block;width: 220px;height: 155px;border-radius: 3px;}
.dropbox .preview img {max-width: 130px;max-height: 130px;border: 2px solid #fff;display: block;box-shadow: 0 0 2px #aaa;}
.dropbox .imageHolder {display: inline-block;position:relative;}
.dropbox .uploaded {position: absolute;top:0;left:0;height:100%;width:100%;background: url('../img/done.png') no-repeat center center rgba(255,255,255,0.5);display: none;}
.dropbox .preview.done .uploaded {display: block;}
.dropbox .progressHolder {position: absolute;height:12px;width:100%;left:0;bottom: 0;}
.dropbox .progress {background-color: #75F15A;position: absolute;height:100%;left:0;width:0;-moz-transition:0.25s;-webkit-transition:0.25s;-o-transition:0.25s;transition:0.25s;}
.dropbox .preview.done .progress {width:100% !important;}
.remove {display: block;position: absolute;z-index: 100;width: 22px;height: 22px;background: url('../img/rem2.png') no-repeat left top;cursor: pointer;margin: -9px 0 0 118px;}