.box-modal{
	position: relative;
	min-width: 270px;
	padding: 25px 15px;
	background: none;
	color: #3c3c3c;
	font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	text-align: center;
	/*box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
	border-radius: 6px;*/
}
.box-modal .preview{
	margin: 3px;
	border: 1px solid #cccccc;
	cursor: pointer;
}
.box-modal img{
	/*max-height: 400px;*/
	max-width: 90%;
}
.box-modal h2{
	font: normal 22px/30px Arial,sans-serif;
}
.box-modal .preview:hover{
	border: 1px solid #ffffff;
}
.box-modal_close{
	position: fixed;
	right: 19px;
	top: 5px;
	width: 35px;
	height: 35px;
	display: block;
	font: bold 35px/35px Helvetica,Arial,sans-serif;
	color: #fff;
	border: 1px solid #ffffff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.box-modal_close:hover{
	color: #ccc;
	border: 1px solid #cccccc;
}


@media screen and (min-width: 300px) {
	.box-modal{
		/*max-height: 400px;*/
		max-width: 220px !important;
	}
	.search-info, .s-column, .menu-block{
		width: 210px !important;
	}
}
@media screen and (min-width: 400px) {
	.box-modal{
		/*max-height: 400px;*/
		max-width: 300px !important;
	}
	.search-info, .s-column, .menu-block{
		width: 290px !important;
	}
}
@media screen and (min-width: 500px) {
	.box-modal{
		/*max-height: 400px;*/
		max-width: 400px !important;
	}
	.search-info, .s-column, .menu-block{
		width: 390px !important;
	}
}
@media screen and (min-width: 600px) {
	.box-modal{
		/*max-height: 400px;*/
		max-width: 500px !important;
	}
	.search-info, .s-column, .menu-block{
		width: 490px !important;
	}
}
@media screen and (min-width: 700px) {
	.box-modal{
		/*max-height: 400px;*/
		max-width: 600px !important;
	}
	.search-info, .s-column, .menu-block{
		width: 590px !important;
	}
}
@media screen and (min-width: 800px) {
	.box-modal{
		/*max-height: 400px;*/
		max-width: 700px !important;
	}
	.search-info, .s-column, .menu-block{
		width: 690px !important;
	}
}
@media screen and (min-width: 900px) {
	.box-modal{
		/*max-height: 400px;*/
		max-width: 800px !important;
	}
	.search-info, .menu-block{
		width: 790px !important;
	}
	.s-column{
		width: 24.5% !important;
	}
}
@media screen and (min-width: 1000px) {
	.box-modal{
		/*max-height: 400px;*/
		max-width: 900px !important;
	}
	.search-info, .menu-block{
		width: 800px !important;
	}
	.s-column{
		width: 24.5% !important;
	}
}
@media screen and (min-width: 1100px) {
	.box-modal{
		/*max-height: 400px;*/
		max-width: 1000px !important;
	}
	.search-info, .menu-block{
		width: 900px !important;
	}
	.s-column{
		width: 24.5% !important;
	}
}
@media screen and (min-width: 1200px) {
	.box-modal{
		/*max-height: 400px;*/
		max-width: 1100px !important;
	}
	.search-info, .menu-block{
		width: 1000px !important;
	}
	.s-column{
		width: 24.5% !important;
	}
}
@media screen and (min-width: 1300px) {
	.box-modal{
		/*max-height: 400px;*/
		max-width: 1200px !important;
	}
	.search-info, .menu-block{
		width: 1100px !important;
	}
	.s-column{
		width: 24.5% !important;
	}
}
@media screen and (min-width: 1366px) {
	.box-modal{
		/*max-height: 400px;*/
		max-width: 1280px !important;
	}
	.search-info, .menu-block{
		width: 1180px !important;
	}
	.s-column{
		width: 20.5% !important;
	}
}