
/*** Í¼Æ¬ÉÏ´«²¿·Ö ***/
.zrq-imguploader-container {
    position: relative;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 4px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px rgba(0,0,0,.15);
    overflow: hidden;
    line-height: 0;
    max-width: 160px;
    max-height: 200px;
    width: 160px;
    height: 200px;
}

.zrq-imguploader-button {
    position: relative;
    background-color: #fff;
    padding: 4px 1px 4px 4px;
    display: inline-block;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 4px;
    line-height: 0;
    max-width: 145px;
    max-height: 32px;
    width: 145px;
    height: 32px;
}

    .zrq-imguploader-button > button,
    .zrq-imguploader-button > label.btn,
    .zrq-imguploader-button > span,
    .zrq-imguploader-button > input,
    .zrq-imguploader-button > a {
        display: inline-block;
        float: right;
        margin-right: 5px;
        cursor: pointer;
        position:relative;
        height:22px;
        width:22px;
        z-index:2;
    }

    .zrq-imguploader-button * {
        cursor: pointer;
    }

        .zrq-imguploader-button > span > i {
            position: relative;
            overflow: hidden;
        }

            .zrq-imguploader-button > span > input,
            .zrq-imguploader-button > label > input {
                position: absolute;
                top: -3px;
                right: -5px;
                outline: none !important;
                height: 22px;
                z-index: 1;
                color:transparent;
                opacity: 0 !important;
                filter: alpha(opacity=0);
                display:none;
            }

.zrq-imguploader-image {
    position:relative;
    background-color: #fff;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 0;
    max-width: 145px;
    max-height: 145px;
    width: 145px;
    height: 145px;
}

    .zrq-imguploader-image> .zrq-imgfile {
        position: absolute;
        z-index: -1;
        height: 0 !important;
        width: 0 !important;
    }

    .zrq-imguploader-image > .zrq-imguploader-preview-table {
        display: table;
        table-layout: fixed; 
        zoom:1;
        position: relative;
        z-index: 1;
        /*border: 1px solid #cdcdcd;*/
        overflow: hidden;
        height: 100%;
        width: 100%;
        max-height: 145px;
        max-width: 145px;
    }

        .zrq-imguploader-image > .zrq-imguploader-preview-table > .zrq-imguploader-preview-table-cell {
            display: table-cell;
            zoom:1;
            vertical-align: middle;
            text-align: center;
            max-height: 145px;
            max-width: 145px;
        }

            .zrq-imguploader-image > .zrq-imguploader-preview-table .zrq-imguploader-show {
                display: inline-block;
                max-height: 130px;
                max-width: 130px;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
            }

    .zrq-imguploader-image > .zrq-imguploader {
        cursor:pointer;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
    }
