/*    modal_2    */

/* Данный класс навешивается на контейнер при открытии модального окна. Для нормальных браузеров это body, для стырах IE — html */
.lock {
    /* Скрываем скроллбары */
    overflow: hidden;
}
 
.modal_reg {
    /* По умолчанию не показываем содержимое модальных окон */
    display: none;
}
 
.lock .modal_reg {
    /* Показываем подложку (полупрозрачное затенение) при открытии модального окна */
    /* display: block; */
    z-index: 100; 
    
    /* Саму подложку фиксируем и растягиваем на всё пространство */
    position: fixed;
    bottom: 0; left: 0; top: 0; right: 0;
 
    /* Если содержимое модального окна в подложку не влезает — показываем скроллбары */
    overflow: auto;
}

/* Modal visual styles, these aren't important */
.lock .modal_reg {
    background: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6–IE8 */
    zoom: 1;
}

.lock .modal_reg .content {
    background: #eee;
    width: 880px;
    margin: 0 auto;
    border: 3px solid #666;
    padding: 20px;
    margin-top: 20px;
}

.modal_reg .close {
    float: right;
    text-decoration: none;
    font-size: 40px;
}