.uploadarea{ margin:20px 0;overflow:hidden;}
.img-name-p{font-size: 14px;padding-left: 10px;}
/* CSS Document*/
.parentFileBox{width:100%;overflow:hidden;position:relative;}
.parentFileBox>.fileBoxUl{padding:5px;margin: 0;overflow: hidden;}
.parentFileBox>.fileBoxUl>li {float:left;border:1px solid #ddd;border-radius:3px;width:160px;height:120px;margin: 10px 5px 0 5px;overflow:hidden;position:relative;}
.parentFileBox>.fileBoxUl>li:hover {
	/*-moz-box-shadow: 3px 3px 4px #FF0;
	-webkit-box-shadow: 3px 3px 4px #FF0;
	box-shadow: 3px 3px 4px #FF0;*/
border:1px solid #00a2d4;
}
.parentFileBox>.fileBoxUl>li>.viewThumb {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.parentFileBox>.fileBoxUl>li>.viewThumb>img {width:100%;height:100%;}
.parentFileBox>.fileBoxUl>li>.diySuccess{position:absolute;width:26px;height:26px;bottom:26px;right:2px;background:url(../images/check.png) no-repeat; background-size:100%;cursor:default;display:none; z-index:100;}
.parentFileBox>.fileBoxUl>li>.diyCancel{position:absolute;width:26px;height:26px;top:0px;right:2px;background:url(../images/diyCancel.png) no-repeat center center; background-size:80%; z-index:101;cursor: pointer;}

.parentFileBox>.fileBoxUl>li>.diyFileName{position:absolute;bottom:0px;left:0px;width:100%;height:20px;line-height:20px;text-align:center;color:#fff;
font-size:12px;display:none;background:url(../images/bgblack.png);}
.parentFileBox>.fileBoxUl>li>.diyBar {top:0;left:0;	position: absolute;width:160px;height:120px;line-height:120px;background:url(../images/bgblack.png);display:none;}
.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgressText{font-size:14px;text-align:center;color:#FFF;position:relative;z-index:99;}
.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgress {position:absolute;left:0;top:40%;height:24px;width:100%;background-color:#09F;filter:alpha(opacity=70);
-moz-opacity:0.7;opacity:0.7;z-index:97;}

.parentFileBox>.diyButton {padding-left:12px;margin-top:10px;margin-bottom:10px;height:40px;line-height:40px;}
.parentFileBox>.diyButton>a {padding: 0 18px;display: inline-block;border-radius: 3px;cursor: pointer;font-size: 14px;text-decoration:none;float: left;background:#00b7ee;color:#fff;border-color:transparent;}
.parentFileBox>.diyButton>a.diyCancelAll { margin-left:10px;}

.parentFileBox>.diyButton>a:hover {background-color:#00a2d4;}
.parentFileBox>.fileBoxUl>.diyUploadHover:hover .diyCancel {}
.parentFileBox>.fileBoxUl>li:hover .diyFileName {}
.parentFileBox>.fileBoxUl>li>.diyControl{position: absolute;left: 0;right:0;bottom: 0;height: 25px;line-height:25px;font-size: 14px;background: url(../images/bgblack.png);z-index: 100;}
.parentFileBox>.fileBoxUl>li>.diyControl>.diyControl_in{position:relative;padding: 0 25px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.parentFileBox>.fileBoxUl>li>.diyControl span{display: inline-block; width:25px;height:25px;cursor: pointer;}
.parentFileBox>.fileBoxUl>li>.diyControl span.diyLeft {background:url(../images/diyLeft.png) no-repeat center center; background-size: 80%;position: absolute;
top: 0;left: 0;}
.parentFileBox>.fileBoxUl>li>.diyControl span.diyRight{background:url(../images/diyRight.png) no-repeat center center;background-size: 80%;position: absolute;
top: 0;right: 0;}
.parentFileBox>.fileBoxUl>li>.diyControl input.filename{width: 100%;border:0;height:25px;line-height:25px;font-size:14px;background: transparent;color: #fff;text-align:center;}
.parentFileBox>.fileBoxUl>li>.file-panel{position:absolute;height:26px; line-height:26px;padding-left:5px;color:#FFF;font-size: 14px;background: url(../images/bgblack.png);top:0;left:0;right:0;overflow:hidden;z-index:99;}
.parentFileBox>.fileBoxUl>li>.file-panel .setTitlepic{vertical-align: middle;margin: 0;}
@media (max-width:767px){
.parentFileBox>.fileBoxUl>li{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:33.33333333%;border:0px solid #ddd;
border-radius:0px;margin: 0;}
.parentFileBox>.fileBoxUl>li:hover {border:0px solid #00a2d4;}
.parentFileBox>.fileBoxUl>li.upload-pick{border: 1px solid #ddd;}
.parentFileBox>.fileBoxUl>li>.viewThumb{padding:2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.parentFileBox>.fileBoxUl>li>.diyCancel{top:2px;}
.parentFileBox>.fileBoxUl>li>.diyControl{left: 2px;right: 2px;bottom: 2px;}
.parentFileBox>.fileBoxUl>li>.file-panel{top: 2px;left: 2px;right: 2px;}
.parentFileBox>.fileBoxUl>li>.diyControl input.filename{width: 100%;}
.parentFileBox>.fileBoxUl>li>.diyBar{width: 100%;height: 100%;line-height: 100%;}
.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgress {top: 40%;width: 100%;}
.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgressText{height: 24px;line-height: 24px;top: 40%;}
}