.glue_block_layer {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADIAgMAAABjUqxSAAAACVBMVEUfHx8rKys1NTW+fEnxAAAAQ0lEQVR4Xu3OMREAIAwEwS8pYwEr0YZwDBABzGxzzTWb1XX2K9nTyplWalrpaf0iICAgICAgICAgICAgICAgICAgILj46uRGn1K7ewAAAABJRU5ErkJggg==);
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index:99999 !important;
}

.glue_popup {
	width: 1280px;
	height: 692px;
	box-shadow: 0px 0px 7px #4a4a4a;
	-moz-box-shadow: 0px 0px 7px #4a4a4a;
	-webkit-box-shadow: 0px 0px 7px #4a4a4a;
	background: #f2f2f2;
	-webkit-animation: zoomin 0.7s;
	animation: zoomin 0.7s;
}

.glue_content {
	padding: 0px;
}

.glue_content a:hover img { opacity:1; }

.glue_close {
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
	font-family: Arial;
	font-size: 17px;
	background-color: #d1d1d1;
	color: #4c4c4c;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	z-index:9999;
}

#beforeyougo { z-index:999999 !important; }

@media only screen and (min-width: 1301px) {
	.glue_popup, #beforeyougo { width:1280px !important; height:692px !important; }
	#beforeyougo { top:50% !important; left:50% !important; margin-left:-640px !important; margin-top:-346px !important; }
}
@media only screen and (max-width: 1300px) {
	.glue_popup, #beforeyougo { width:1010px !important; height:546px !important; }
	#beforeyougo { top:50% !important; left:50% !important; margin-left:-505px !important; margin-top:-273px !important; }
}

@media only screen and (max-width: 1023px) {
	.glue_popup, #beforeyougo { width:760px !important; height:411px !important; }
	#beforeyougo { top:50% !important; left:50% !important; margin-left:-380px !important; margin-top:-205px !important; }
}

@media screen and (max-width: 767px) {
	.glue_popup, #beforeyougo { width:470px !important; height:254px !important; }
	#beforeyougo { top:50% !important; left:50% !important; margin-left:-235px !important; margin-top:-122px !important; }
}

@media only screen and (max-width: 479px) {
	.glue_popup, #beforeyougo { width:320px !important; height:173px !important; }
	#beforeyougo { top:50% !important; left:50% !important; margin-left:-160px !important; margin-top:-86px !important; }
}

/* 
CSS3 animation keyframes.
*/
@-webkit-keyframes zoomin {

	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	50% {
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
		opacity: 1;
	}
  
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
@-ms-keyframes zoomin {

	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	50% {
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
		opacity: 1;
	}
  
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	
}
@keyframes zoomin {

	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	50% {
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
		opacity: 1;
	}
  
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}