/*=====================���²�����WebUploader�����===================*/
.webuploader-container {
    position: relative;
    height:100%;
}

.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: 170px;
    
    height: 48px;
  
    cursor: pointer;
   
   
    text-align:left;
    overflow: hidden;
    zoom: 1;
    *display: inline;
}

.webuploader-pick-hover {
    background: #fafafa;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events: none;
}

.photo-list{
    
}
	/* .photo-list ul{ margin:0 0 0 -15px; } */
	.photo-list ul li{  
        float: left;
        width: 1.3rem;
    height: 1.3rem;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem;
border: 1px solid #ccc;
    }
	.photo-list ul li .img-box{ 
        width: 100%;
        height: 100%;
      position: relative;
        /* position:relative; margin:5px auto; width:112px; height:112px; border:3px #efefed solid; 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�����===================*/
.photo-list ul li a.del {
    padding: 0;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    background: url(/images/del.png);
    position: absolute;
    right: 0px;
    top: 0px;
}