.box-pop-up {
	position: fixed;
	background-color: rgba(41, 102, 20, 0.7);
    color: #333;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	z-index: 999998;
}
.box-pop-up .box-group,
.box-slide-left,
.box-slide-right {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.box-slide-left {
	left: -100%;
}
.active-slide-left {
	left: 0;
}
.box-slide-right {
	left: auto;
	right: -100%;
}
.active-slide-right {
	right: 0;
}
.box-pop-up .box-group {
	margin: 0 auto;
	position: absolute;
	width: 700px;
	max-width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto; 
}
#vm-popup-view .box-pop-up .box-group{
	width: 980px;
}
.box-pop-up .box-height { 
	background-color: #fff;
	border:1px solid #c1c1c1;
	padding: 0 30px; 
	overflow: hidden; 
}
.box-pop-up .scroll-box {
	overflow-y: scroll;
}
.box-pop-up .box-scroll {
    padding: 25px 0 10px;    
	overflow: hidden;
}
#vm-popup-view .box-pop-up .box-scroll{
	padding: 0 0 0 0; 
}
.box-pop-up .box-overlay {
	position: absolute;
	height: 100%;
	width: 100%;
}
.box-pop-up .box-close {
	top: 0;
	display: block;
	position: absolute;
	color: #fff;
	font-weight: bold;
	right: -20px;
	font-size: 20px;
	line-height: 20px;
	text-decoration: none;
} 
@media only screen and ( max-width: 800px ){
.box-pop-up .box-group {
	padding: 0 15px;
}
.box-pop-up .box-close {
    right: 15px;
    top: -35px;
}
}