#fancybox-loading {position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox.webp'); background-size: 70px 480px;}

#fancybox-overlay {position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp {padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap {position: fixed; top: 10px !important ; left: 0; padding: 10px; z-index: 1101; outline: none; display: none; }
#fancybox-outer {position: relative; width: 100%; height: 100%; background: #fff; }
#fancybox-content {width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }
#fancybox-hide-sel-frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }

#fancybox-close {position: absolute; top: 25px; right: 25px; width: 30px; height: 30px; background-image: url('../images/fancybox.webp'); background-position:  -40px 0px; background-size: 70px 480px;cursor: pointer; z-index: 1103; display: none; }
#fancybox-error {color: #222; font: 20px; line-height: 120%; padding: 10px 20px 35px; margin:0px; background: #9ad7f7; }
#fancybox-img {width: 100%; height: 100%;  padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame {width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent; z-index: 1102; display: none; }

#fancybox-left {left: 0px; }
#fancybox-right {right: 0px; }
#fancybox-left-ico, #fancybox-right-ico {position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico {background-image: url('../images/fancybox.webp'); background-position: -40px -30px; background-size: 70px 480px; }
#fancybox-right-ico {background-image: url('../images/fancybox.webp'); background-position: -40px -60px; background-size: 70px 480px; }
#fancybox-left:hover, #fancybox-right:hover {visibility: visible; }
#fancybox-left:hover span {left: 20px; }
#fancybox-right:hover span {left: auto; right: 20px; }