/*上传图片通用样式*/
.upload-ul {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 520px;
}

.upload-ul li {
    position: relative;
    float: left;
    display: inline-block;
    width: 60px;
    height: 82px;
    margin: 0 10px 10px 0;
    padding: 0;
    border: none;
    cursor: pointer;

    overflow: hidden;
}

.upload-pick {
    background: url(../images/z_add.png) no-repeat bottom;
    background-size: 100% 76%;
}

.upload-pick:hover {
    background: url(../images/z_add.png) no-repeat bottom;
    background-size: 100% 76%;
}

.webuploader-pick {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.webuploader-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.webuploader-container label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.webuploader-element-invisible {
    opacity: 0;
    width: 100%;
    height: 100%;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.viewThumb {
    position: relative;
    width: 60px;
    height: 60px;
    overflow: hidden;

}

.viewThumb img {
    width:60px;
    height: 60px;
    max-width: 100%;
    max-height: 100%;
}

.diyBar {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height:15px;

    z-index: 3;
}

.diyProgress {
    width:60px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    text-align: center;
    color: #FFF;
    background: rgba(0, 0, 0, .4);
    z-index: 3;
    margin-top:109%;
}

.diyControl {
    position: absolute;
/*    display: none;*/
    right: 0;
    top: 0;
    /*width: 100%;*/
    font-size: 14px;
  /*  background: url(../images/bgblack.png);*/
    z-index: 3;
}

.viewThumb:hover .diyControl {
    display: block;
}

.diyControl span {
    position: absolute;
    right: 0px;
    font-size:16px;
    color: red;
}


/*.diyControl span {
    display: inline-block;
    padding: 5px;
    width: 12px;
    height: 12px;
    color: red;
}*/

.diyControl span:hover {

    cursor: pointer;
}

.diyControl span i {
    display: block;
    width: 12px;
    height: 12px;
    opacity: .7;
}

.diyControl span i:hover {
    opacity: 1;
    cursor: pointer;
}
.diyDelete{
    float: right;
    margin: 10px;
    color: #fff;
}

.diyCancel  {

    font-size:24px;
    float: right;
    margin-right: -4px;

}

.goods-edit .upload-tip {
    font: 12px/23px "Microsoft YaHei";
    color: #a3a3a3;
    vertical-align: top;
}

.big-img{
    z-index: 999;
    width: 100%;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    float: left;
}
.mustUp{
    color: red;
}