.box-modal {
	position: relative;
	padding: 8px;
	background: #fff;
	color: #333;
	font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
	border-radius: 6px;
}
.box-modal img {
	max-width: 100%;
}
.box-modal_close { 
	position: absolute; 
	right: -10px; 
	top: -10px; 
	font-size: 14px; 
	line-height: 25px; 
	color: #999; 
	cursor: pointer; 
	border-radius: 50px; 
	background: #000;
	width: 25px;
	height: 25px;
	text-align: center;
	border: 1px solid #fff;
	box-shadow: 2px 2px 4px 0 #000;
	font-weight: bold;
}
.box-modal_close:hover { color: #666; }
.box-modal-status {
	padding: 5px 0px;
	text-align: center;
	color: #333;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}
.box-modal-status span {
	font-weight: bold;
	color:#333;
}

.box-modal .popup-video {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    height: 0;
}

.box-modal .popup-video iframe,
.box-modal .popup-video object,
.box-modal .popup-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



// /* Стили модального окна и содержания */
// .dm-overlay {/* слой затемнения */
//     position: absolute;
//     top: 0;
//     left: 0;
//     display: none;
//     overflow: auto;
//     width: 100%;
//     height: 100%;
//     background: rgba(0, 0, 0, 0.65);
// }
// /* активируем модальное окно */
// .dm-overlay:target {
//     display: block;
//     -webkit-animation: fade .6s;
//     -moz-animation: fade .6s;
//     animation: fade .6s;
// }
// /* блочная таблица */
// .dm-table {
//     display: table;
//     width: 100%;
//     height: 100%;
// }
// /* ячейка блочной таблицы */
// .dm-cell {
//     display: table-cell;
//     padding: 0 1em;
//     vertical-align: middle;
//     text-align: center;
// }
// /* модальный блок */
// .dm-modal {
//     display: inline-block;
//     padding: 20px;
//     max-width: 50em;
//     background: #607d8b;
//     -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
//     -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
//     box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
//     color: #cfd8dc;
//     text-align: left;
//     -webkit-animation: fade .8s;
//     -moz-animation: fade .8s;
//     animation: fade .8s;
// }

// /* изображения в модальном окне */
// .dm-modal img {
//     width: 100%;
//     height: auto;
// }
// /* миниатюры изображений */
// .pl-left,
// .pl-right {
//     width: 25%;
//     height: auto;
// }
// .pl-right {
//     float: right;
//     margin: 5px 0 5px 15px;
// }
// .pl-left {
//     float: left;
//     margin: 5px 15px 5px 0;
// }
// /*видео в модальном окне*/
// .video {
//     position: relative;
//     overflow: hidden;
//     padding-bottom: 56.25%;
//     height: 0;
// }
// .video iframe,
// .video object,
// .video embed {
//     position: absolute;
//     top: 0;
//     left: 0;
//     width: 100%;
//     height: 100%;
// }
// /* кнопка закрытия */
// .close {
//     z-index: 9999;
//     float: right;
//     width: 30px;
//     height: 30px;
//     color: #cfd8dc;
//     text-align: center;
//     text-decoration: none;
//     line-height: 26px;
//     cursor: pointer;
// }
// .close:after {
//     display: block;
//     border: 2px solid #cfd8dc;
//     -webkit-border-radius: 50%;
//     -moz-border-radius: 50%;
//     border-radius: 50%;
//     content: 'X';
//     -webkit-transition: all 0.6s;
//     -moz-transition: all 0.6s;
//     transition: all 0.6s;
//     -webkit-transform: scale(0.85);
//     -moz-transform: scale(0.85);
//     -ms-transform: scale(0.85);
//     transform: scale(0.85);
// }
// /* кнопка закрытия при наведении */
// .close:hover:after {
//     border-color: #fff;
//     color: #fff;
//     -webkit-transform: scale(1);
//     -moz-transform: scale(1);
//     -ms-transform: scale(1);
//     transform: scale(1);
// }
// /* варианты фонвой заливки */
// .green{
//     background: #388e3c!important;
// }
// .cyan{
//     background: #0097a7!important;
// }
// .teal{
//     background: #00796b!important;
// }
// /* анимация при появлении блоков с содержанием */
// @-moz-keyframes fade {
//     from { opacity: 0; }
// to { opacity: 1 }
// }
// @-webkit-keyframes fade {
//     from { opacity: 0; }
// to { opacity: 1 } 
// }
// @keyframes fade {
//     from { opacity: 0; }
// to { opacity: 1 }
// }