.mfp-bg {
top:0;
left:0;
width:100%;
height:100%;
z-index:1042;
overflow:hidden;
position:fixed;
background:#0b0b0b;
opacity:.8;
}
.mfp-wrap {
top:0;
left:0;
width:100%;
height:100%;
z-index:1043;
position:fixed;
outline:0 !important;
-webkit-backface-visibility:hidden;
}
.mfp-container {
text-align:center;
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
padding:0 8px;
box-sizing:border-box;
}
.mfp-container:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
}
.mfp-align-top .mfp-container:before {
display:none;
}
.mfp-content {
position:relative;
display:inline-block;
vertical-align:middle;
margin:0 auto;
text-align:left;
z-index:1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width:100%;
cursor:auto;
}
.mfp-ajax-cur {
cursor:progress;
}
.mfp-close {
cursor:-moz-zoom-out;
cursor:-webkit-zoom-out;
cursor:zoom-out;
}
.mfp-zoom {
cursor:pointer;
cursor:-webkit-zoom-in;
cursor:-moz-zoom-in;
cursor:zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor:auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.mfp-loading.mfp-figure {
display:none;
}
.mfp-hide {
display:none !important;
}
.mfp-preloader {
color:#ccc;
position:absolute;
top:50%;
width:auto;
text-align:center;
margin-top:-.8em;
left:8px;
right:8px;
z-index:1044;
}
.mfp-preloader a {
color:#ccc;
}
.mfp-preloader a:hover {
color:#fff;
}
.mfp-s-ready .mfp-preloader {
display:none;
}
.mfp-s-error .mfp-content {
display:none;
}
.html_inline {
background:#fff;
max-width:700px;
margin:0 auto;
}
button.mfp-arrow,
button.mfp-close {
overflow:visible;
cursor:pointer;
border:0;
-webkit-appearance:none;
display:block;
outline:0;
padding:0;
z-index:1046;
box-shadow:none;
touch-action:manipulation;
}
button.mfp-arrow {
color:#fff;
font-size:22px;
background:#000;
width:50px;
}
button::-moz-focus-inner {
padding:0;
border:0;
}
.mfp-close {
position:absolute;
right:0;
top:0;
font-family:Arial,Baskerville,monospace;
font-size:0px;
}
.mfp-close:before {
content: '\e814';
font-family: "jws_icon";
font-size:25px;
}
.mfp-close:focus,
.mfp-close:hover {
opacity:1;
}
.mfp-close-btn-in .mfp-close {
color:#fff;
}
.mfp-close {
right:0;
text-align:center;
background:transparent !important;
color:#000;
}
.mfp-coucontent:"\eb51"nter {
position:absolute;
top:0;
right:0;
color:#ccc;
font-size:12px;
line-height:18px;
white-space:nowrap;
}
.mfp-arrow {
position:absolute;
opacity:.65;
margin:0;
top:50%;
margin-top:-55px;
padding:0;
width:90px;
height:110px;
-webkit-tap-highlight-color:transparent;
}
.mfp-arrow:after {
font-family:jws_icon !important;
}
.mfp-arrow:focus,
.mfp-arrow:hover {
opacity:1;
}
.mfp-arrow-left {
left:0;
}
.mfp-arrow-right {
right:0;
}
.mfp-arrow-left:after {
content:'\e82c';
}
.mfp-arrow-right:after {
content:'\e82d';
}
.mfp-iframe-holder {
padding-top:40px;
padding-bottom:40px;
}
.mfp-iframe-holder .mfp-content {
line-height:0;
width:100%;
max-width:900px;
}
.mfp-close {
top:-40px;
}
.mfp-iframe-scaler {
width:100%;
height:0;
padding-top:56.25%;
}
.mfp-iframe-scaler iframe {
position:absolute;
display:block;
top:0;
left:0;
width:100%;
height:100%;
box-shadow:0 0 8px rgba(0,0,0,.6);
background:#000;
}
img.mfp-img {
width:auto;
max-width:100%;
height:auto;
display:block;
line-height:0;
box-sizing:border-box;
margin:0 auto;
}
.mfp-figure {
line-height:0;
}
.mfp-figure:after {
content:'';
position:absolute;
left:0;
top:40px;
bottom:40px;
display:block;
right:0;
width:auto;
height:auto;
z-index:-1;
box-shadow:0 0 8px rgba(0,0,0,.6);
background:#444;
}
.mfp-figure small {
color:#bdbdbd;
display:block;
font-size:12px;
line-height:14px;
}
.mfp-figure figure {
margin:0;
}
.mfp-bottom-bar {
margin-top: 25px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
color: #ffffff;
}
.mfp-title {
text-align:left;
line-height:18px;
color:#f3f3f3;
word-wrap:break-word;
padding-right:36px;
}
.mfp-image-holder .mfp-content {
max-width: 1170px;
animation: fadeInLeft 0.7s both;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor:pointer;
}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left:0;
padding-right:0;
}
.mfp-img-mobile img.mfp-img {
padding:0;
}
.mfp-img-mobile .mfp-figure:after {
top:0;
bottom:0;
}
.mfp-img-mobile .mfp-figure small {
display:inline;
margin-left:5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background:rgba(0,0,0,.6);
bottom:0;
margin:0;
top:auto;
padding:3px 5px;
position:fixed;
box-sizing:border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding:0;
}
.mfp-img-mobile .mfp-counter {
right:5px;
top:3px;
}
.mfp-img-mobile .mfp-close {
top:0;
right:0;
width:35px;
height:35px;
line-height:35px;
background:rgba(0,0,0,.6);
position:fixed;
text-align:center;
padding:0;
}
}
@media all and (max-width:900px) {
.mfp-arrow {
-webkit-transform:scale(.75);
transform:scale(.75);
}
.mfp-arrow-left {
-webkit-transform-origin:0;
transform-origin:0;
}
.mfp-arrow-right {
-webkit-transform-origin:100%;
transform-origin:100%;
}
.mfp-container {
padding-left:6px;
padding-right:6px;
}
}