

/*�θ���ʽ*/
.upload-box {
    position: relative;
    display: inline-block;
    height: 42px;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

    .upload-box .upload-btn {
        display: inline-block;
        height: 42px;
        zoom: 1;
        *display: inline;
    }

    .upload-box .upload-progress {
        position: absolute;
        top: 0;
        left: 70px;
        padding: 2px 5px;
        /*width: 125px;*/
        height: 34px;
        border: 1px solid #d7d7d7;
        background: #fff;
        overflow: hidden;
    }

        .upload-box .upload-progress .txt {
            display: block;
            padding-right: 10px;
            font-weight: normal;
            font-style: normal;
            font-size: 11px;
            line-height: 18px;
            height: 18px;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .upload-box .upload-progress .bar {
            position: relative;
            display: block;
            width: 80px;
            height: 4px;
            border: 1px solid #1da76b;
        }

            .upload-box .upload-progress .bar b {
                display: block;
                width: 0%;
                height: 3px;
                font-weight: normal;
                text-indent: -99em;
                background: #28b779;
                overflow: hidden;
            }

        .upload-box .upload-progress .close {
            position: absolute;
            color: #3f93ed;
            display: block;
            top: 1px;
            right: 1px;
            width: 14px;
            height: 14px;
            text-indent: -99em;
            cursor: pointer;
            overflow: hidden;
        }

/*ͼƭ�����ʽ*/
.photo-list {
    margin: 0;
    padding: 10px 0 0 0;
    display: table;
}

    .photo-list ul {
        margin: 0 0 0 -15px;
    }

        .photo-list ul li {
            float: left;
            margin-left: 15px;
            text-align: center;
            *width: 118px;
        }

            .photo-list ul li .img-box {
                position: relative;
                margin: 5px auto;
                width: 188px;
                height: 188px;
                border: 3px #efefed solid;
                cursor: pointer;
                overflow: hidden;
            }

                .photo-list ul li .img-box.selected {
                    border: 3px #40a0ef solid;
                }

                .photo-list ul li .img-box img {
                    width: 100%;
                    height: 100%;
                    opacity: 1;
                }

                .photo-list ul li .img-box .remark {
                    position: absolute;
                    display: block;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    margin: 0;
                    padding: 3px 2px;
                    height: 18px;
                    line-height: 18px;
                    background: #000;
                    filter: alpha(opacity=50);
                    opacity: 0.5;
                    -moz-opacity: 0.5;
                    text-align: left;
                    overflow: hidden;
                }

                    .photo-list ul li .img-box .remark:hover {
                        top: 0;
                        bottom: 0;
                        height: 100%;
                    }

                    .photo-list ul li .img-box .remark i {
                        position: relative;
                        font-size: 12px;
                        color: #fff;
                        font-style: normal;
                        line-height: 18px;
                    }

            .photo-list ul li a {
                padding-right: 1em;
            }
/*=====================���²�����webuploader�����====================*/
.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;
    width: 65px;
    line-height: 38px;
    height: 38px;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    background: #fff;
    color: #333;
    text-align: center;
    overflow: hidden;
    zoom: 1;
    *display: inline;
}

.webuploader-pick-hover {
    background: #fafafa;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events: none;
}
/*=====================���ϲ�����webuploader�����====================*/

