.webuploader-container{position: relative;}
.webuploader-element-invisible{position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px);}
.webuploader-pick{position: relative;display: inline-block;cursor: pointer;background: #FFFFFF;color: #000;text-align: center;border-radius: 0px;overflow: hidden;font-size: 12px;}
.webuploader-pick-hover{border:1px solid #FF8801}
.webuploader-pick-disable{opacity: 0.6;pointer-events:none;}
.uploader .uploader-list{list-style: none; margin: 0; padding: 0;}
.uploader .uploader-list:after{content: ''; display: block; width: 0; height: 0; overflow: hidden; clear: both;}
.uploader .uploader-list .file-item{width: 100px; height: 100px; background: url(../images/bg.png) repeat; text-align: center; margin: 0 8px 8px 0; position: relative; display: inline; float: left; font-size: 12px;}
.uploader .uploader-list .file-item .title{display:none; position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow : ellipsis; top: 5px; text-indent: 5px; text-align: left;}
.uploader .uploader-list .file-item .del,.uploader .uploader-list .file-item .delfile{font-size: 14px; position: absolute; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; top: -8px; right: -8px; text-indent: 5px; text-align: left; border:2px solid #6EAFFF; border-radius:100%; width:24px; line-height:24px; height:24px; color:#6EAFFF; font-weight:bold; background:#fff;cursor:pointer;}
.uploader .uploader-list .file-item p.progress{position: absolute; width: 100%; bottom: 0; left: 0; height: 8px; overflow: hidden; z-index: 50; padding:0; margin:0;}
.uploader .uploader-list .file-item p.progress span{display: none; overflow: hidden; width: 0; height: 100%; background: #1483d8 url(../images/progress.png) repeat-x; -webit-transition: width 200ms linear; -moz-transition: width 200ms linear; -o-transition: width 200ms linear; -ms-transition: width 200ms linear; transition: width 200ms linear; -webkit-animation: progressmove 2s linear infinite; -moz-animation: progressmove 2s linear infinite; -o-animation: progressmove 2s linear infinite; -ms-animation: progressmove 2s linear infinite; animation: progressmove 2s linear infinite; -webkit-transform: translateZ(0);}
@-webkit-keyframes progressmove{0%{background-position: 0 0;} 100%{background-position: 17px 0;}}
@-moz-keyframes progressmove{0%{background-position: 0 0;} 100%{background-position: 17px 0;}}
@keyframes progressmove{0%{background-position: 0 0;} 100%{background-position: 17px 0;}}

.clearfix:before, .clearfix:after {display:table;content:'';}
.clearfix:after {clear:both}
.uploader-row{ margin-top:10px;margin-bottom:20px;}
.uploader-row div.uploader,.uploader-row div.uploader-title { float:left;}
.uploader-row .uploader-title {width:105px; text-align:right;}

/*评论样式重写*/
#divComment #filePicker { width:64px; height:64px;}
#divComment #filePicker .webuploader-pick{width:64px; height:64px; background:none;}
#divComment #filePicker .webuploader-pick-hover{ border:none;}
/*评论进度条*/
.sctp .uploadimg p.progress{position: absolute; width: 100%; bottom: 0; left: 0; height: 8px; overflow: hidden; z-index: 50; padding:0; margin:0;}
.sctp .uploadimg p.progress span{float:left; display: none; overflow: hidden; width: 0; height: 100%; background: #1483d8 url(../images/progress.png) repeat-x; -webit-transition: width 200ms linear; -moz-transition: width 200ms linear; -o-transition: width 200ms linear; -ms-transition: width 200ms linear; transition: width 200ms linear; -webkit-animation: progressmove 2s linear infinite; -moz-animation: progressmove 2s linear infinite; -o-animation: progressmove 2s linear infinite; -ms-animation: progressmove 2s linear infinite; animation: progressmove 2s linear infinite; -webkit-transform: translateZ(0);}

/*评论样式重写*/
#divComment #filePickerWap{ width:100%; }
#divComment #filePickerWap .webuploader-pick{width:100%; background:none;}
#divComment #filePickerWap .webuploader-pick-hover{ border:none;}
