/*.wu-example { width: 100px; height: 100px; border: 1px solid #CDCDCD; margin: 30px 40px 0; border-radius: 4px; position: relative; }*/
 .thumbnail { width: 92px; height: 92px; }
 .thumbnail img { width: 100%;height: 100%;}
.file-item { padding: 4px; }
.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; }
.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; }
.file-item .progress { position: absolute; right: 0px; bottom: 40px; left: 0px; overflow: hidden; z-index: 15; margin:0; padding: 0; border-radius: 0; background: transparent; }
.file-item .progress span { display: block; overflow: hidden; width: 0; height: 100%; background: #d14 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;
}
}
a.travis { position: relative; top: -4px; right: 15px; }
.file-panel { position: absolute; height: 0;  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\0;
background: rgba( 0, 0, 0, 0.5 ); width: 100%; top: 0; left: 0; overflow: hidden; z-index: 300; }
.file-panel span { width: 20px; height: 17px; display: inline; float: right; text-indent: -9999px; overflow: hidden; background: url(../images/tubiaoicons.png) no-repeat; margin:3px 0 0; cursor: pointer; }
.file-panel span.rotateLeft { background-position: 0 -24px; }
.file-panel span.rotateLeft:hover { background-position: 0 0; }
.file-panel span.rotateRight { background-position: -24px -24px; }
.file-panel span.rotateRight:hover { background-position: -24px 0; }
.file-panel span.cancel { background-position: -48px -24px; }
.file-panel span.cancel:hover { background-position: -48px 0; }

.multimage-wrapper { border: 1px #d9dadc solid; border-radius: 3px; display:inline-block;width: 98%;}
.multimage-tabs { padding: 5px 10px 0; background-color: #f8f8f8;border-bottom: 1px solid #ececec;}
.multimage-tabs .tab { padding: 5px 20px 5px; border: 1px solid #ececec; display: inline-block; cursor: pointer; margin-right: 10px;border-bottom: 0;}
.multimage-tabs .actived { margin-top: 1px; border-top: 2px solid #999; background-color: #fff; border-bottom: 0;position: relative;bottom: -1px;}
.multimage-panels .local-panel { padding-top: 30px; padding-bottom: 30px; }
.multimage-panels .local-panel .upload-field { margin-left: 130px; }
.multimage-panels .local-panel .upload-field label { width: 100px; float: none; display: inline-block; padding: 0; }
.multimage-panels .local-panel .multimage-tips { margin-left: 150px; color: #AAA; margin-top: 20px; font-size: 12px; }
.multimage-panels .local-panel .multimage-tips .tip-title { width: 40px; text-align: right; float: left; }
.multimage-panels .local-panel .multimage-tips ol { overflow: hidden; list-style: decimal; }
.multimage-panels .local-panel .multimage-tips li { list-style: decimal; margin-left: 22px; width: 400px; vertical-align: top; }

.diyBar{position:absolute; display:none; top: 0;left: 0;width: 100%;height: 100%;background: url(../images/bgblack.png);z-index: 3;}
.diyProgress{ position: absolute; left: 0;top: 33px;width: 100%;height: 24px;line-height:24px;font-size: 14px;text-align: center;color: #FFF;background:rgba(10,168,241,.7); z-index: 3;}
.multimage-gallery ul li .info { position: absolute; bottom: 0; height: 20px; line-height: 20px; width:100%; text-align:center;background: rgba(0, 0, 0, 0.6); color: white; overflow: hidden; white-space: nowrap; text-overflow : ellipsis; font-size: 12px; z-index: 10; }

.bright { color: #f60; }
.multimage-info { background-color: #f8f8f8; text-align: center; padding: 10px; }
.info-wrapper { text-align: left; }
.multimage-info .msg { color: #AAA; font-size:12px; }
.multimage-gallery {overflow: hidden; position: relative; }
.multimage-gallery li { display: inline-block;  margin-right: 10px;width:140px;height:130px;text-align: center;border: 1px solid #fff; position:relative}
.multimage-gallery li:last-child{margin-right:0}

.multimage-gallery li .viewThumb{position: relative;overflow: hidden;width:100px;height:100px;margin:15px auto 0;}
.multimage-gallery li .viewThumb img{width:100%;height:100%;float:left}

#chanpinshipin { width: 35px; height: 21px; line-height: 21px; background: #44b549; color: #fff; font-size: 12px; margin-left: 10px; display: inline-block; border-radius: 3px; text-align: center; }
.main_sub_title { height: 50px; line-height: 25px; border: 1px solid #e7e7eb; border-bottom: none; padding: 0 20px; font-size: 14px; font-weight: 400; font-style: normal; background-color: #f4f5f9; }
.baocun1 { background:#e7e7eb;}
#su_fabu .baocun1{color:#a5a6aa;}
.up_form1 { width:450px; margin:0 auto; }
.up_form1:before { clear:both; display:block; content:""; }


#dd li.qpykg3k { border:1px solid #f1f5fa; border-radius:5px; background:#f1f5fa }
#dd li.qpykg3k .EOGexf { display:block }
#dd li .EOGexf { position:absolute; top:5px; left:5px; height:21px; width:21px; display:none; cursor:pointer }
#dd li .EOGexf .checkgridsmall { font-size:19px; color:#3b8cff; position:absolute; left:1px }
#dd li .EOGexf .ejuYQEY { font-size:19px; color:#fff; position:absolute; left:1px }
.qpykg3k .EOGexf .checkgridsmall { filter:alpha(opacity=40); -moz-opacity:.4; opacity:.4 }
.qpykg3k .EOGexf:hover .checkgridsmall { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5 }
#dd li.vfuZpnk .EOGexf:hover .checkgridsmall { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }
.vfuZpnk .EOGexf .icon, .vfuZpnk .EOGexf:hover .icon { display:inline }
#dd li.vfuZpnk { background-color:#f1f5fa; border:1px solid #90c3fd; border-radius:5px }
.vfuZpnk .EOGexf .checkgridsmall { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }
#dd li.vfuZpnk .EOGexf { display:block }