/*add css*/
.left{ float:left;}
.searc_w{width:100%; padding-top:15px;padding-left:24px;}
.searc_w spam2{width:186px;}
.p_left{ padding-left:10px;}
.control-label-1{ line-height:30px;}
.witch100 ul{ width:100%;}
.pagination ul>li.active{display:inline;}
.hidden-phone-m{ height:85px; overflow:hidden; position:relative; width:150px;}
.hidden-phone-m img{ width:150px; position:absolute;top:50%;}


.mag_photo_btn{ margin-top:10px;}
/* Monv */
/*.Monv{box-shadow:0 0 15px #ccc;}
#Monver{width:800px;height:500px;border:1px solid #ccc;display:none;background:#fff;background:#fff;box-shadow:0 0 15px #ccc;}
#Monver #close{display:block;position:relative;}
#Monver #close img{position:absolute;right:-7px;top:-7px;cursor:pointer; z-index:999999;}
.slide1{ background-color:#d7d7d7; height:250px; width:100%; position:relative;}

*/
/* popbox */
#screen{width:100%;height:100%;position:fixed;top:0;left:0;display:none;z-index:100;background-color:#666;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}
.popbox{width:700px; height: auto; overflow:hidden;background-color:#484848;position:absolute;top:0;left:0;display:block;z-index:999;}
.popbox h2{height:25px;font-size:14px;position:relative;padding:5px 20px;line-height:25px;color:#fff;background-color:#d7d7d7; margin:0;}
.popbox h2 a{position:absolute;right:5px;font-size:12px;color:#fff;}
.popbox .mainlist{padding:10px; background-color:#d7d7d7;}
.popbox .mainlist ul{ margin:0;}
.popbox .mainlist li{height:165px; width:115px; }
.popbox .mainlist li a{ color:#fff; text-decoration:none;}

.popbox .mainlist2{padding:30px 10px; background-color:#fff; }
.popbox_mid{ height:40px; padding-top:5px; }
.up_arrow_icon{ width:40px; height:40px; background:url(../../images/super/up_arrow_icon.png) no-repeat; margin-left:10px; }
.upload_margin{ margin-top:5px; }
.upload_margin i{margin-right:5px;}
.save_margin{ margin-top:5px; }
.save_margin i{margin-right:5px;}
.popbox_mid_p{ font-size:12px; font-family:Arial; color:#fff; line-height:40px; padding:0 5px;}
.popbox .mainlist2 ul{ margin:0;}
.popbox .mainlist2 li{height:120px; width:115px; }
.popbox .mainlist2 li a{ color:#fff; text-decoration:none;}

.popbox1{ display:block;}
.popbox2{ display:none;}

h2.upload_pro{ background-color:#484848}
.upload_pro2{ width:90%; padding:20px; margin:0 auto; min-height:400px; overflow:hidden; }
.upload_margin2{ margin:5px 10px;}
.upload_margin2 i{ margin-right:5px;}
.padding-top{ padding-top:5px;}

.hints_dl{ height:auto; overflow:hidden; padding:10px 20px; color:#fff; font-family:Arial; font-size:12px;}
.hints_dl dt{ width:10%;}
.hints_dl dd{ width:80%;}
.hints_dl dd span{ display:block;}

.uploading{ padding:5px 10px; background-color:#2c2c2c; border-radius:5px; color:#fff;font-family:Arial; font-size:12px; margin:10px;}
.pro_bg{ background-color:#000;background-image: linear-gradient(to bottom, #000, #000);}
/********************************
 * generic als elements styling
 ********************************/
.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	height:auto !important;
}

.als-wrapper {
	position: relative;
	list-style: none;
	height: auto;
overflow: hidden;
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
	display:none;
}

/**************************
 * specific als elements
 * styling for #lista1
 **************************/

#lista1 {
	width: 550px;
margin: 0 auto;
	
}

#lista1 .als-item {
	margin: 0px 8px;
	min-height: 170px;
	min-width: 115px;
	
}

#lista1 .als-item a{ display:block; }
.a_text{width:80px; height:25px; background-color:#484848; margin:0 auto; border-radius:3px; color:#fff !important; text-align:center; line-height:25px; font-size:12px; font-family:Arial; text-decoration:none;}
.a_text:hover{ background-color:#ed4f50;}
.cover{ display:block; position:absolute; left:75px; top:-5px; z-index:1000;}
#lista1 .als-item img {
	position: relative;
	display: block;
	vertical-align: middle;
	margin-bottom: 8px;
}

#lista1 .als-prev, #lista1 .als-next {
	top: 50px;
	width: 15px;
	height: 22px;
}

#lista1 .als-prev {
	left: 10px;
}

#lista1 .als-next {
	right: 10px;
}


/**************************
 * specific als elements
 * styling for #lista2
 **************************/

#lista2 {
	
	width: 550px;
margin: 0 auto;
height:250px;
overflow-y:auto;
}

#lista2 .als-item {
	margin: 8px;
	min-height: 120px;
	min-width: 115px;
}

#lista2 .als-item a{ display:block; }
.a_text{width:80px; height:25px; background-color:#484848; margin:0 auto; border-radius:3px; color:#fff !important; text-align:center; line-height:25px; font-size:12px; font-family:Arial; text-decoration:none;}
.a_text:hover{ background-color:#ed4f50;}
.cover{ display:block; position:absolute; left:75px; top:-5px; z-index:1000;}
#lista2 .als-item img {
	position: relative;
	display: block;
	vertical-align: middle;
	margin-bottom: 8px;
	border:1px dashed #ccc;padding:1px;
}


.edit_div1{ display:none; position:absolute; left:0; bottom:65px; z-index:10000000; height:38px; width:100%; background-color:#4c4d4c; margin-left:0;}
.edit_div1 span{ float:left; }
.edit_delete{display:block; position:absolute; top:0; right:0; z-index:10000000; height:38px;}
.edit_delete img{ border:none;}

#lista2 .als-prev, #lista2 .als-next {
	top: 50px;
	width: 15px;
	height: 22px;
}

#lista2.als-prev {
	left: 10px;
}

#lista2 .als-next {
	right: 10px;
}


.arrow_box {
	position: relative;
	background-color: #fff;
	height:24px;
	
	
}
.arrow_box p{font-family: Arial;
	font-size:14px;
	line-height:24px;
	color:#000; position:absolute; top:0; left:10px;}
.arrow_up{
	
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 237, 253, 0);
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: -20px;
	left:11%; z-index:1000;bottom: 100%; top:-20px;
}

.uloadBox{ margin-left:20px;}
.upload_h1{ font-size:24px;}
.clear{clear:both;}
.step_text{ width:auto; height:auto; overflow:hidden;}
.step_text span{ display:block; margin-right:10px; line-height:34px; font-size:16px;}
.edit_image{ width:400px; height:auto; overflow:hidden; margin-bottom:10px;}


@media only screen and (max-width:980px){
#page-container{ width:980px; margin:0 auto; 
border: 1px solid #dbdfd6; border-top:none; border-bottom:none;
box-shadow: 0 0 5px rgba(0,0,0,0.15);}	

.navbar .nav{ width:980px;}
.container-fluid2{ position:relative;}
.no-1{ display:none;}
.navbar .divider-vertical{ border:none;}
}