.lightbox {
   box-sizing: border-box;
   padding: 20px !important;
   position:fixed;
   top:0;
   bottom:0;
   left:0;
   right:0;
   background:rgba(0,0,0,.7);
   z-index:15000 !important;
}
.lightbox img {
   position:absolute;
   margin:auto;
   top:0;
   left:0;
   right:0;
   bottom:0;
   max-width:80%;
   max-height:80%;
}
.lightbox-title {
   display:block;
   position:absolute;
   overflow:hidden;
   text-overflow: ellipsis;
   height: 10%;
   left:10%;
   right:10%;
   bottom:0px;
   font-size: 14px;
   line-height: 1.4;
   color: white;
   text-align: center;
}
.lightbox-close {
   display:block;
   position:absolute;
   overflow:hidden;
   height:50px;
   width:50px;
   right:10px;
   top:10px;
   -webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
   -ms-transform:rotate(45deg);
   -o-transform:rotate(45deg);
   transform:rotate(45deg);
   outline: none !important;
}
.lightbox-close:before {
   content:'';
   display:block;
   position:absolute;
   height:36px;
   width:2px;
   left:24px;
   top:7px;
   background:white;
   border-radius:1px;
}
.lightbox-close:after {
   content:'';
   display:block;
   position:absolute;
   width:36px;
   height:2px;
   top:24px;
   left:7px;
   background:white;
   border-radius:1px;
}
.lightbox-prev, .lightbox-next {
   display:block;
   position:absolute;
   overflow:hidden;
   width:30%;
   top:70px;
   bottom:70px;
   outline: none !important;
}
.lightbox-prev.lightbox-inactive, .lightbox-next.lightbox-inactive {
   opacity: 0.2;
}
.lightbox-prev {
   left: 0px;
}
.lightbox-next {
   right: 0px;
}
.lightbox-prev:before,
.lightbox-prev:after,
.lightbox-next:before,
.lightbox-next:after {
   content:'';
   display:block;
   position:absolute;
   width:32px;
   height:2px;
   top:50%;
   background:white;
   border-radius:1px;
}
.lightbox-prev:before,
.lightbox-prev:after
{
   left: 16.6%;
   margin-left: -16px;
}
.lightbox-next:before,
.lightbox-next:after
{
   right: 16.6%;
   margin-right: -16px;
}
.lightbox-prev:before,
.lightbox-next:before
{
   -webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
   -ms-transform:rotate(-45deg);
   -o-transform:rotate(-45deg);
   transform:rotate(-45deg);
}
.lightbox-prev:after,
.lightbox-next:after
{
   -webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
   -ms-transform:rotate(45deg);
   -o-transform:rotate(45deg);
   transform:rotate(45deg);
}
.lightbox-prev:before,
.lightbox-next:after
{
   margin-top: -11px;
}
.lightbox-prev:after,
.lightbox-next:before
{
   margin-top: 11px;
}