/* -------------------------------------------------------
--- Codify Ltd. Sti
--- http://codify.istanbul
--------------------------------------------------------*/

.imagebox-main { position: fixed; z-index: 999999999; width: 100%; height: 100%; top: 0px; left: 0px; display: none; }
.imagebox-main .imagebox-background { position: absolute; width: 100%; height: 100%; background-color: #000; 
    top: 0px; left: 0px; opacity: 0.3; z-index: -1; }
.imagebox-main .imagebox-window { margin: auto; position: absolute; top: 100px; left: 100px; bottom: 100px; right: 100px; 
    border: 3px solid #c0c0c0; background-color: #FFF;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); 
}
.imagebox-main .imagebox-content { position: relative; width: 100%; height: 100%; background-color: #000; text-align: center; }
.imagebox-main .imagebox-window .imagebox-content > .imagebox-fix { display: block; }
.imagebox-main .imagebox-window .imagebox-content > .image-big { display: none; height: 100%; object-fit: cover; }
.imagebox-main .imagebox-window .imagebox-content .imagebox-button { display: inline-block; position: absolute; color: #FFF;
    padding: 3px 7px; text-align: center; cursor: pointer; background-color: #B0B0B0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); opacity: 0.5; transition: .2s;
}
.imagebox-main .imagebox-window .imagebox-content .imagebox-button:hover { background-color: #C0C0C0; opacity: 1;}
.imagebox-main .imagebox-window .imagebox-content .imagebox-close { top: 6px; right: 6px; }
.imagebox-main .imagebox-window .imagebox-content .imagebox-prev { top: 6px; left: 6px; display: none; }
.imagebox-main .imagebox-window .imagebox-content .imagebox-next { top: 6px; left: 38px; display: none; }
.imagebox-main .imagebox-window .imagebox-content .imagebox-title { position: absolute; bottom: 0px; width: 100%; cursor: default; display: none; }
.imagebox-main .imagebox-window .imagebox-content .imagebox-title .imagebox-title-bg { position: absolute; background-color: #000; width: 100%; 
    height: 100%; opacity: 0.5; padding: 10px;
}
.imagebox-main .imagebox-window .imagebox-content .imagebox-title span { display: block; position: relative; width: 100%; height: 100%; 
    padding: 10px; color: #F0F0F0; text-align: center;
}