/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018-7-12, 10:17:16
    Author     : Admin
*/

         .img_preview,.place_img_preview{
             padding:10px;
             border:1px solid #ddd;
             float: left;
             height:140px;
             width:200px;
             margin:10px;
             float:left
         }
         .select_btn{
              margin:10px;
             margin-left:20px;
             padding:3px 10px;
             border-radius: 5px;
            cursor: pointer;
         }
         .btn_add{
             width:57px;
             height:57px;
             background: url(/Public/Admin/images/add-pp.png) no-repeat;
             cursor: pointer;
             padding:10px;
             border:1px solid #ddd;
             margin:10px;
             float:left;
         }
         .img_files{
             width:0px;
         }
         
         .video_files{
             width:0px;
         }
         /*pop-progress*/
.pop-progress {
    position: fixed;
    right: 0;
    bottom: 1px;
    width: 600px;
    height: auto;
    background: #fff;
    color: #949494;
    font-size: 12px;
    border: 1px solid #3f9fd9;
    z-index: 99999;
    display: block;
}
.pop-mini-progress{
     position: fixed;
    right: 0;
   bottom: -50px;
    width: 600px;
    height: auto;
    background: #fff;
    color: #949494;
    font-size: 12px;
    border: 1px solid #3f9fd9;
    z-index: 990;
    display: block;
}
.progress-header {
    background: #3f9fd9;
    height: 35px;
    line-height: 35px;
    color: #fff;
    padding: 0 10px;
}
.progress-header .right{
	width: 30px;
}

.progress-header .small-btnsize{
	width: 13px;
	height: 35px;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
	float: left;
}
.progress-header .big-btnsize{
	width: 13px;
	height: 35px;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
	float: left;
}
.progress-header .close-posize{
	width: 15px;
	height: 35px;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
	float: left;
	margin-top: 1px;	
}

.pop-progress .msg-nums {
    min-height: 100px;
    width: 100%;
    margin: 0 auto 5px auto;
    float: left;
}
.pop-progress .list-header {
    border-bottom: 1px solid #DCDCDC;
    line-height: 35px;
    width: 100%;
    float: left;
}
.file-name {
    width: 260px;
    height: 35px;
    text-align: left;
    overflow: hidden;
    padding: 0 10px;
    float: left;
}
.pop-progress .file-size{
	width: 90px;
}
.pop-progress .file-type{
	width: 70px;
}
.pop-progress .file-status{
	width: 110px;
}
.pop-progress .file-operate{
	width: 50px;
}
.pop-progress .list-content{
	height: 35px;
}
.pop-progress .list-content ul{
	float: left;
}
.pop-progress .list-content ul li{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.pop-progress .info .file-name {
    width: 260px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    overflow: hidden;
    float: left;
}
.pop-progress .info .file-size {
    width: 90px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    overflow: hidden;
    float: left;
}
.pop-progress .info .file-type {
    width: 70px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    overflow: hidden;
    float: left;
}
.pop-progress .info .file-status {
    width: 110px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    overflow: hidden;
    float: left;
}
.pop-progress .info .file-operate {
    width: 50px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    overflow: hidden;
    float: left;
}
.progress-width{
	left: 0;
	top: 0;
	position: absolute;
	height: 35px;
	background-color: rgba(63,159,217,0.3);
	width: 100%;
}
.paused,.continue{
    position: absolute;
    z-index: 9;
}

.icon_image{
    height: 50px;
    width:50px;
    float: left;
    background: url('images/bg.png');
    background-position:-10px -45px
}


.icon_video{
    height: 50px;
    width:50px;
    float: left;
    background: url('images/bg.png');
    background-position:-10px -5px
}

.icon_zip{
    height: 50px;
    width:50px;
    float: left;
    background: url('images/bg.png');
    background-position:-10px -85px
}
.icon_doc{
    height: 50px;
    width:50px;
    float: left;
    background: url('images/bg.png');
    background-position:-10px -135px
}

.img_div{
    position: relative;
    float: left;
}
.img_div .res_delete{
    position: absolute;
    right: 10px;
    top:10px;
    cursor: pointer;
    background-color: #444;
    padding: 0px 10px;
    color:#fff;
}