.fancybox-container{z-index: 100000;}
    
.lg-flex{}
.lg-flex__one{padding: 10px; border: 1px solid #c0c0c0; margin: 10px; width: calc(100%/3 - 20px); text-decoration: none; box-sizing: border-box;}
.lg-flex__one:hover{border: 1px solid #808080; cursor: pointer;}
.lg-flex__one__content{width: 100%; height: 100%;}
.lg-flex__one__image{width: 100%; height: 200px; background-position: center center; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.lg-flex__one__time{text-align: center; margin-bottom: 10px; color: #878787; font-size: 12px; margin-top: 10px;}
.lg-flex__one__head{text-align: center; font-weight: bold; margin-top: 10px; font-size: 16px;}

.lg-flex__small{margin: -5px;}
.lg-flex__one__small{margin: 5px; opacity: 0.7;}
.lg-flex__one__small:hover{margin: 5px; opacity: 1;}
.lg-flex__one__image__small{width: 150px; height: 100px;}

.lg-flex2{margin: -10px; margin-top: 10px;}
.lg-flex2__one{margin: 10px;}
.lg-btn{display: block; text-align: center;position: relative;}
.lg-btn__text{position: relative;}
.lg-load{background: none; color: indianred; padding: 0px; margin: 0px; border: none; position: absolute; left: 0px; top: 0px; background: #fff !important; width: 100%; height: 100%;}
.lg-load i{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto;}


@media screen and (max-width: 900px) {
    .lg-flex__one{width: calc(100%/2 - 20px);}
}


@media screen and (max-width: 600px) {
    .lg-flex__one{width: 100%; margin: 10px 0;}
    
    .lg-flex__one__image__small{-moz-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); position: relative; top: -25px; left: -37px; margin-bottom: -50px; margin-right: -74px;}
    
    .lg-flex2__one, .lg-flex2__one .btn{width: 100%;}
}