﻿.wu-photo .webuploader-container { position: relative; }
.wu-photo .webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.wu-photo .webuploader-pick { position: relative; display: inline-block; cursor: pointer; background: #00b7ee; padding: 6px 12px; color: #fff; text-align: center; border-radius: 3px; overflow: hidden; }
.wu-photo .webuploader-pick-hover { background: #00a2d4; }
.wu-photo .webuploader-pick-disable { opacity: 0.6; pointer-events: none; }

/*picker*/
.wu-photo .picker { display: inline-block; line-height: 1.428571429; margin: 0 12px 0 0; }
.wu-photo .thumbnail { width: 110px; height: 110px; }
.wu-photo .thumbnail img { width: 100%; }
.wu-photo .uploader-list { width: 100%; overflow: hidden; }
.wu-photo .subbtn { margin-top: 20px; }
.wu-photo .file-item { float: left; position: relative; margin: 0 20px 20px 0; padding: 4px; line-height: 25px;}
.wu-photo .file-item .error { position: absolute; top: 4px; left: 4px; right: 4px; background: red; color: white; text-align: center; height: 20px; font-size: 14px; line-height: 23px; }
.wu-photo .file-item .info { position: absolute; left: 4px; bottom: 4px; right: 4px; height: 20px; line-height: 20px; text-indent: 5px; background: rgba(0, 0, 0, 0.6); color: white; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; z-index: 10; }
.wu-photo .file-item .remove-this { display: inline-block; color: red; }
.wu-photo .file-item .success { display: inline-block; float: right; color: green; }
.wu-photo .upload-state-done:after { content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; position: absolute; bottom: 0; right: 4px; color: #4cae4c; z-index: 99; }
.wu-photo .file-item .progress { position: absolute; right: 4px; bottom: 4px; height: 3px; left: 4px; height: 4px; overflow: hidden; z-index: 15; margin: 0; padding: 0; border-radius: 0; background: transparent; }
.wu-photo .file-item .progress span { display: block; overflow: hidden; width: 0; height: 100%; background: #d14 url(../image/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); }
.wu-photo .webuploader-pick img { width: 80px; height: 80px; }
