@keyframes pop_scale {
	from {transform:scale(0.9); opacity:0; }
	to {transform:scale(1.0); opacity:1;}
}

@media (min-width: 1200px){

	#divpop_box .bottom{text-align:center; font-size:16px; background:#393939;}
	#divpop_box .bottom form{height:40px; line-height:40px; color:#fff;}
		#divpop_box .bottom form a{color:#fff; font-weight:500; display:inline-block; margin-left:10px;}
	#divpop_box .bottom form a:hover{color:#ffee00;}


	#divpop_box{position: absolute;
		text-align: center;
		top: 150px;
		z-index: 99;
		width: 1600px;
		left: 50%;
		margin-left:-800px;
		box-sizing:border-box;
		animation: pop_scale 0.5s forwards; animation-delay:1.0s; transform:scale(0.9); opacity:0; 
	}
	[id^="divpop"]{position:absolute;  box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  top:0px;}


	.pop img{vertical-align:top; width:450px;}
	.pop{transform:scale(0.8); transition:all 0.3s; cursor:pointer;}

	.pop.on{transform:scale(1.0); z-index:10!important;}



}


@media (max-width: 1199px){

	#divpop_box .bottom{text-align:center; font-size:14px; background:#393939;}
	#divpop_box .bottom form{height:30px; line-height:30px; color:#fff;}
		#divpop_box .bottom form a{color:#fff; font-weight:500; display:inline-block; margin-left:10px;}
	#divpop_box .bottom form a:hover{color:#ffee00;}


	#divpop_box{position:absolute; width:100%; top:100px; max-width:100%; z-index:99; }
	#divpop_box [id^="divpop"]{z-index:99; position:absolute;  width:80%;  left:10%; top:0px;  box-shadow: 5px 5px 2px rgba(0,0,0,0.2);  font-size:0;}
	#divpop_box [id^="divpop"].on{z-index:100; position:absolute;  width:80%;  left:10%; top:0px;  box-shadow: 5px 5px 2px rgba(0,0,0,0.2);  font-size:0;}




	.pop img{width:100%;}
	


}