
.alert_overlay{
	background:#000;opacity:.5;position:fixed;z-index:9999999999;left:0px;top:0px;width:100%;height:100%;
}

.alert_box{
	width: 400px;margin: auto;position: fixed;left: 50%;top: 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align: center;border-radius: 5px;z-index:10000000000;display:table;overflow:hidden;
}


@media (max-width:768px){
	.alert_box{
		width: 320px;
	}
}

.alert_box .alert_tips{
	display:table;width:100%;border-bottom:2px solid #f14300;
}
.alert_box .alert_tips .tips{
	display:table-cell;line-height:25px;padding:20px 0;vertical-align:middle;text-align:center;font-size:16px;color:#000000;padding-left:10px;background-color:#ffffff;
}
.alert_box .alert_tips .btn1{
	display:table-cell;height:50px;line-height:50px;font-size:14px;vertical-align:middle;color:#000000; 
	text-transform: uppercase;
}
.alert_box .alert_tips .btn2{
	display:table-cell;height:50px;line-height:50px;font-size:14px;vertical-align:middle;color:#f14300;border-left:1px solid rgba(255,255,255,.5);
	text-transform: uppercase;
}
.alert_box .alert_tips .btn3{
	display:table-cell;height:50px;line-height:50px;font-size:14px;vertical-align:middle;color:#f14300;border-left:1px solid rgba(255,255,255,.5);
	text-transform: uppercase;
}

.alert_box .alert_btn1{
	display:table;width:100%;cursor: pointer;
}
.alert_box .alert_btn1 span{
	display:table-cell;height:50px;line-height:50px;font-size:14px;vertical-align:middle;color:#ffffff;background-color: #f14300;
}

.alert_box .alert_btn2{
	display:table;width:100%;background-color: #f14300;cursor: pointer;	
}
.alert_box .alert_btn2 span{
	display:table-cell;height:50px;line-height:50px;font-size:14px;vertical-align:middle;color:#ffffff;
}
.alert_box .alert_btn2 span:nth-child(2){
	border-left:1px solid rgba(255,255,255,.3);
}





.product_colors{
  width: 240px; float: left; overflow: hidden;
}
.product_colors a{
  width: 20%; float: left; overflow: hidden; margin: 5px 2%; 
  text-align: center;
}
.product_colors img{
  width: 100%; float: left; border: 2px #eeeeee solid;
}
.product_colors span{
  width: 100%; float: left; height: 20px; overflow: hidden;
  font-size: 12px; line-height: 20px;
}
.product_colors a:hover img{
  border: 2px #ee4d9b solid;
}
.product_colors .selected_img{
  display: none; z-index: -1000;
}

.product_colors .selected img{
  border: 2px #ee4d9b solid; background-image: url(../../../assets/images/color_selected.png);
}
.product_colors .selected .selected_img{
  background-image: url(../../../assets/images/color_selected.png); width: 14px; height: 14px; background-repeat: no-repeat; position: absolute; z-index: 1000; display: block;
}



.nofullname{
	width:100%; float: left; height: 40px; line-height: 20px;
	
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}





