@charset "utf-8";

.webuploader-container{
	position:relative;
}

.webuploader-element-invisible{
	position:absolute !important;
    clip:rect(1px,1px,1px,1px);
}

.webuploader-pick{
	position:relative;
	display:inline-block;
	cursor:pointer;
	background-color:#428bca;
	padding:8px 15px 10px 15px;
	color:#fff;
	text-align:center;
	border-radius:3px;
	overflow:hidden;
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.webuploader-pick-hover{
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
}

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





ul.file-queue{
	margin:0px;
}

ul.file-queue li{
	position:relative;
	padding:0px;
	margin:0px 10px 0px 0px;
	width:120px;
	height:120px;
	border:1px solid #e0e0e0;
	overflow:hidden;
}

ul.file-queue li[style]{
	float:left;
	background-repeat:no-repeat !important;
	background-position:50% 50% !important;
	-webkit-background-size:contain !important;
	-moz-background-size:contain !important;
	background-size:contain !important;
}

ul.file-queue li img{
	display:block;
	padding-top:18px;
	width:50%;
	margin:0 auto;
}

ul.file-queue li span.name{
	position:absolute;
	box-sizing:border-box;
	display:block;
	bottom:12px;
	padding:0px 10px;
	width:100%;
	font-size:12px;
	text-align:center;
	white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

ul.file-queue li a.lnk{
	position:absolute;
	box-sizing:border-box;
	display:block;
	top:-40px;
	width:100%;
	height:40px;
	background:url(images/icons.png) no-repeat;
	background-color:#259cfa;
	-moz-opacity:.7;
	opacity:.7;
	filter:alpha(opacity=70);
	cursor:pointer;
	-webkit-transition:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-ms-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	transition:all .2s linear 0s;
	z-index:999;
}

ul.file-queue li a.down{
	left:0px;
	background-position:50% -104px;
}

ul.file-queue li a.show{
	background-position:50% -150px;
}

ul.file-queue li a.edit{
	right:0px;
	background-position:50% -193px;
}

ul.file-queue li:hover a.lnk{
	top:0px;
}

ul.file-queue li a.lnk:hover{
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
}

ul.file-queue li span.del{
	position:absolute;
	box-sizing:border-box;
	display:block;
	bottom:-30px;
	width:100%;
	height:30px;
	background:url(images/icons.png) no-repeat 50% -65px;
	background-color:#d9534f;
	-moz-opacity:.7;
	opacity:.7;
	filter:alpha(opacity=70);
	cursor:pointer;
	-webkit-transition:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-ms-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	transition:all .2s linear 0s;
	z-index:999;
}

ul.file-queue li:hover span.del{
	bottom:0px;
}

ul.file-queue li span.del:hover{
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
}

ul.file-queue li.file-queue-add{
	border:1px dashed #aaa;
	cursor:pointer;
}

ul.file-queue li.file-queue-add .webuploader-pick{
	padding:0px;
	width:100%;
	height:100%;
	background:none;
	border-radius:none;
}

ul.file-queue li.file-queue-add:before{
	content:"";
	position:absolute;
	top:50%;
	margin-top:-2px;
	left:50%;
	margin-left:-30%;
	width:60%;
	height:4px;
	background-color:#bbb;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

ul.file-queue li.file-queue-add:after{
	content:"";
	position:absolute;
	top:50%;
	margin-top:-30%;
	left:50%;
	margin-left:-2px;
	width:4px;
	height:60%;
	background-color:#bbb;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

ul.file-queue li.file-queue-add:hover{
	border-color:#259cfa;
	background-color:#f4f9fd;
}

ul.file-queue li.file-queue-add:hover:before{
	background-color:#259cfa;
}

ul.file-queue li.file-queue-add:hover:after{
	background-color:#259cfa;
}

ul.file-queue li .progress{
	display:block;
	box-sizing:border-box;
	position:absolute;
	margin:0px;
	left:50%;
	margin-left:-40%;
	top:50%;
	margin-top:-3px;
	width:80%;
	height:6px;
	background-color:none;
	border:1px solid #e1e1e1;
	box-shadow:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-opacity:.8;
	opacity:.8;
	filter:alpha(opacity=80);
	overflow:hidden;
}

ul.file-queue li .progress u{
	display:block;
	position:absolute;
	left:0px;
	width:0px;
	height:6px;
	background-color:#0874bd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

ul.file-queue li.err{
	text-align:center;
	color:#d43f3a;
	line-height:120px;
}





.webuploader-libPanel{
	box-sizing:border-box;
	position:fixed;
	top:10%;
	left:10%;
	width:80%;
	height:80%;
	background-color:#f6f6f6;
	border-top:5px solid #02a8f3;
	box-shadow:1px 1px 50px rgba(0,0,0,.3);
    border-radius:3px;
	-moz-opacity:0;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-ms-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	transition:all .2s linear 0s;
	overflow:hidden;
	z-index:-1;
}

.webuploader-libPanel.active{
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
	z-index:9995;
}

.webuploader-libPanel .top{
	position:relative;
	height:60px;
	border-bottom:1px solid #d1d1d1;
	z-index:100;
}

.webuploader-libPanel .top h4{
	position:absolute;
	top:10px;
	left:30px;
	color:#045886;
}

.webuploader-libPanel .top ul.tabs{
	position:absolute;
	margin:0px;
	left:250px;
	bottom:0px;
}

.webuploader-libPanel .top ul.tabs li{
	margin:0px 0px -1px -1px;
	padding:6px 12px;
	color:#999;
	border:1px solid #d1d1d1;
	background-color:#f1f1f1;
	cursor:pointer;
}

.webuploader-libPanel .top ul.tabs li.active{
	color:#333;
	border-bottom:1px solid #f6f6f6;
	background-color:#f6f6f6;
}

.webuploader-libPanel .top u{
	position:absolute;
	display:block;
	top:20px;
	right:20px;
	width:16px;
	height:16px;
	background:url(images/icons.png) no-repeat -12px -422px;
	cursor:pointer;
}

.webuploader-libPanel .top u:hover{
	background-position:-12px -462px;
}

.webuploader-libPanel .box{
	box-sizing:border-box;
	position:absolute;
	top:0px;
	left:0px;
	padding:80px 0px;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#f6f6f6;
	z-index:10;
}

.webuploader-libPanel .box.active{
	z-index:11;
}

.webuploader-libPanel .library{
	position:relative;
	padding:70px 0px 150px 0px;
	padding-right:260px;
}

.webuploader-libPanel .library .search{
	position:absolute;
	top:20px;
	left:25px;
}

.webuploader-libPanel .library .search input[type=text],
.webuploader-libPanel .library .search select,
.webuploader-libPanel .library .search button{
	box-sizing:border-box;
	display:inline-block;
	border:1px solid #e1e1e1;
	box-shadow:none;
	vertical-align:middle;
}

.webuploader-libPanel .library .search input[type=text]{
	padding:0px 8px;
    height: 30px;
}

.webuploader-libPanel .library .search button,
.webuploader-libPanel .library .search a.btn-default{
	margin-left:5px;
	padding:0px 12px 2px 12px;
	height:30px;
	border:1px solid #ddd;
	background-color:#f6f6f6;
}

.webuploader-libPanel .library .list{
	position:relative;
	width:100%;
	height:100%;
}

.webuploader-libPanel .library .list .ps-scrollbar-y-rail{
	margin:5px 2px 10px 0px;
}

.webuploader-libPanel .library .list ul{
	margin:0px;
	padding:0px 20px;
}

.webuploader-libPanel .library .list ul li{
	position:relative;
	margin:5px 10px 5px 6px;
	padding:0px;
	width:110px;
	height:110px;
	border:5px solid #e1e1e1;
	background-color:White;
	background-repeat:no-repeat !important;
    background-position:50% 50% !important;
    -webkit-background-size:cover !important;
    -moz-background-size:cover !important;
    background-size:cover !important;
	cursor:pointer;
}

.webuploader-libPanel .library .list ul li:hover,
.webuploader-libPanel .library .list ul li.active{
	border:5px solid #02a8f3;
}

.webuploader-libPanel .library .list ul li img{
	position:absolute;
	top:14px;
	left:50%;
	margin-left:-24px;
	max-width:50px;
	max-height:50px;
	z-index:1;
}

.webuploader-libPanel .library .list ul li p{
	box-sizing:border-box;
	position:absolute;
	display:inline-block;
	bottom:10px;
	margin:0px;
	padding:0px 10px;
	width:100%;
	font-family:"Microsoft YaHei", Arial;
	font-size:12px;
	text-align:center;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	z-index:2;
}

.webuploader-libPanel .library .list ul li i{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	background-color:White;
	-moz-opacity:0;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .1s linear 0s;
	-moz-transition:all .1s linear 0s;
	-ms-transition:all .1s linear 0s;
	-o-transition:all .1s linear 0s;
	transition:all .1s linear 0s;
	z-index:10;
}

.webuploader-libPanel .library .list ul li i:before{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0px 0px -25px;
	width:50px;
	height:50px;
	background:url(images/icons.png) no-repeat -1px -499px;
}

.webuploader-libPanel .library .list ul li.selected i{
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.webuploader-libPanel .library .list ul li .progress{
	display:block;
	box-sizing:border-box;
	position:absolute;
	margin:0px;
	left:50%;
	margin-left:-40%;
	top:50%;
	margin-top:-3px;
	width:80%;
	height:6px;
	background-color:none;
	border:1px solid #e1e1e1;
	box-shadow:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-opacity:.8;
	opacity:.8;
	filter:alpha(opacity=80);
	overflow:hidden;
}

.webuploader-libPanel .library .list ul li .progress u{
	display:block;
	position:absolute;
	left:0px;
	width:0px;
	height:6px;
	background-color:#0874bd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.webuploader-libPanel .library .list .loading{
	margin-top:10px;
	width:100%;
	height:16px;
	background:url(images/loading.gif) no-repeat center center;
	display:none;
}

.webuploader-libPanel .upload .picker{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-60px;
	margin-left:-120px;
}

.webuploader-libPanel .upload .picker .webuploader-pick{
	padding-top:18px;
	width:240px;
	height:70px;
	font-size:24px;
}

.webuploader-libPanel .upload p{
	position:absolute;
	top:50%;
	margin-top:40px;
	width:100%;
	text-align:center;
}

.webuploader-libPanel .upload p u{
	margin:0px 5px;
	text-decoration:none;
}

.webuploader-libPanel .from-url .inner{
	position:relative;
	height:100%;
}

.webuploader-libPanel .from-url .inner .input-group{
	position:absolute;
	width:80%;
	top:40px;
	left:10%;
	height:50px;
}

.webuploader-libPanel .from-url .inner .input-group input[type=text]{
	height:50px;
	font-size:18px;
    border:1px solid #b0d0e7;
	box-shadow:none !important;
}

.webuploader-libPanel .from-url .inner .input-group .input-group-addon{
	padding:0px 15px;
    color:#1c9bf8;
    border-color:#b0d0e7;
    background-color:#f0f7fb;
}

.webuploader-libPanel .from-url .inner .input-group .input-group-addon.add{
	cursor:pointer;
}

.webuploader-libPanel .from-url .inner .input-group .input-group-addon.add:hover{
	color:#fff;
	background-color:#259cfa;
    border-color:#259cfa;
}

.webuploader-libPanel .from-url .inner p{
	position:absolute;
	width:80%;
	top:120px;
	left:10%;
	line-height:35px;
}

.webuploader-libPanel .from-url .inner .ps-scrollbar-y-rail{
	margin:0px 2px 0px 0px;
}

.webuploader-libPanel .right{
	box-sizing:border-box;
	position:absolute;
	top:0px;
	right:0px;
	padding:60px 0px;
	width:260px;
	height:100%;
	z-index:20;
}

.webuploader-libPanel .right .attr{
	box-sizing:border-box;
	position:relative;
	width:100%;
	height:100%;
	border-left:1px solid #d1d1d1;
}

.webuploader-libPanel .right .attr .ps-scrollbar-y-rail{
	margin:20px 2px 20px 0px;
}

.webuploader-libPanel .right .attr .nodata{
	padding:25px 0px 15px 0px;
	color:#aaa;
    text-align:center;
	line-height:30px;
    display:block;
}

.webuploader-libPanel .right .attr .file-info{
	box-sizing:border-box;
	padding:25px 0px 0px 0px;
	margin:0px 30px;
	display:none;
}

.webuploader-libPanel .right .attr .file-info h6{
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
}

.webuploader-libPanel .right .attr .file-info .pic{
	width:100%;
    margin:25px 0px 15px 0px;
}

.webuploader-libPanel .right .attr .file-info .pic img{
	max-width:198px;
	max-height:120px;
}

.webuploader-libPanel .right .attr .file-info .detail p{
	margin-bottom:10px;
	line-height:25px;
	word-wrap:break-word;
	word-break:break-all;
}

.webuploader-libPanel .bottom{
	position:absolute;
	box-sizing:border-box;
	padding:12px 20px 0px 0px;
	bottom:0px;
	width:100%;
	height:60px;
	text-align:right;
	border-top:1px solid #d1d1d1;
	z-index:100;
}

.webuploader-libPanel .bottom .total{
	position:absolute;
	top:12px;
	left:25px;
	padding:6px 12px;
	background-color:#eee;
	border:1px solid #ddd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	cursor:default;
}

.webuploader-libPanel .bottom .total u{
	margin:0px 3px;
	text-decoration:none;
}

.webuploader-libPanel .bottom .btn{
	margin-left:15px;
}

.webuploader-editPanel{
	box-sizing:border-box;
	position:fixed;
	top:15%;
	left:50%;
	margin-left:-350px;
	width:700px;
	height:70%;
	background-color:#f6f6f6;
	border-top:5px solid #02a8f3;
	box-shadow:1px 1px 50px rgba(0,0,0,.3);
    border-radius:3px;
	-moz-opacity:0;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-ms-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	transition:all .2s linear 0s;
	overflow:hidden;
	z-index:-1;
}

.webuploader-editPanel.active{
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
	z-index:9995;
}

.webuploader-editPanel .top{
	position:relative;
	height:60px;
	border-bottom:1px solid #d1d1d1;
	z-index:100;
}

.webuploader-editPanel .top h4{
	position:absolute;
	top:10px;
	left:30px;
	color:#045886;
}

.webuploader-editPanel .top u{
	position:absolute;
	display:block;
	top:20px;
	right:20px;
	width:16px;
	height:16px;
	background:url(images/icons.png) no-repeat -12px -422px;
	cursor:pointer;
}

.webuploader-editPanel .top u:hover{
	background-position:-12px -462px;
}

.webuploader-editPanel .box{
	box-sizing:border-box;
	position:absolute;
	top:0px;
	left:0px;
	padding:80px 0px;
	width:100%;
	height:100%;
}

.webuploader-editPanel .box .inner{
	box-sizing:border-box;
	position:relative;
	padding:0px 50px;
	width:100%;
	height:100%;
}

.webuploader-editPanel .box .inner .ps-scrollbar-y-rail{
	margin:8px 3px 5px 0px;
}

.webuploader-editPanel .box .inner .left{
	float:left;
	margin-top:15px;
	width:250px;
}

.webuploader-editPanel .box .inner .left .file img{
	max-width:200px;
	max-height:200px;
}

.webuploader-editPanel .box .inner .left p{
	display:inline-block;
	margin:10px 0px 0px 0px;
	width:200px;
	word-wrap:break-word;
	word-break:break-all;
}

.webuploader-editPanel .box .inner .left p.name{
	margin:20px 0px 10px 0px;
	font-weight:bold;
}

.webuploader-editPanel .box .inner .left p u{
	text-decoration:none;
}

.webuploader-editPanel .box .inner .right{
	float:left;
	width:350px;
	line-height:40px;
}

.webuploader-editPanel .box .inner .right input,
.webuploader-editPanel .box .inner .right textarea{
	width:100%;
}

.webuploader-editPanel .bottom{
	position:absolute;
	box-sizing:border-box;
	padding:12px 20px 0px 0px;
	bottom:0px;
	width:100%;
	height:60px;
	text-align:right;
	border-top:1px solid #d1d1d1;
	z-index:100;
}

.webuploader-editPanel .bottom .btn{
	margin-left:15px;
}

.webuploader-warning{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:9999;
	display:none;
}

.webuploader-warning .box{
	box-sizing:border-box;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-65px;
	margin-left:-200px;
	width:400px;
	height:130px;
	border-top:5px solid #d9534f;
	background-color:White;
	box-shadow:1px 1px 50px rgba(0,0,0,.3);
    border-radius:2px;
	z-index:20;
}

.webuploader-warning .box p{
	margin:0px;
	padding:25px 30px 25px 70px;
	background:url(images/icons.png) no-repeat 20px -243px;
	border-bottom:1px solid #eee;
}

.webuploader-warning .box button{
	float:right;
	margin:12px 25px 0px 0px;
	padding:4px 20px;
}

.webuploader-warning .shade{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:White;
	-moz-opacity:0.6;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:10;
}