#lightbox {    position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: rgb(29,37,51,.92);z-index: 999999999999999999;display:none;}
#lightbox > div {height:100%;}
#lightbox.slide > div {margin: 0px;max-width: 99999px;}
#lightbox > div > div {max-width: 100%;margin: auto;position: relative;top: 0px;position: relative;}
#lightbox.image > div > div {    -ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;}
#lightbox img {    border-radius: 10px;    width: 100%;}
#lightbox.image img {max-height: calc(100vh - 80px);    max-width: calc(100vh - 80px);}
#lightbox .close {    position: absolute;right: 15px;top: 15px;z-index:2;font-size: 24px;border-radius: 50%;width: 30px;height: 30px;text-align: center;    background: #FFF;color:#555;padding-top: 7px;opacity:1;font-weight: 700;cursor:pointer;    cursor: pointer;line-height: 15px;}
#lightbox .close:hover {background: #143469;color:#FFF;}
#lightbox .title {font-weight:700;margin-bottom:10px;font-size:16px;}
#lightbox .tt {margin-bottom:10px;font-weight: 700}
#lightbox .vv {margin-bottom:40px}
#popGallery {width: 100%;    height: auto;overflow:visible}
#popGallery .swiper-slide {width: 100%;text-align: center}
#popGallery .swiper-slide img {padding: 50px;max-height:100vh;    width: 100%;    height: auto;margin:auto;    object-fit: contain;}
#popGallery .swiper-pagination {bottom: 10px;}

@media only screen and (max-width: 40em) {
    #lightCenter {margin-top:0px !important}
    #lightbox > div > div {max-width:100%;}
    #popGallery .swiper-slide img {padding:20px}
    #popGallery .swiper-pagination {bottom: -20px;}
    #lightbox .close {    width: 50px;height: 50px;font-size: 40px;line-height: 34px;top:auto;    bottom: 15px;}
}
