.fancybox-close {
  background: none!important;
  color: #fff;
  font-size: 22px;
  height: 36px !important;
  line-height: 36px;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed;
  right: 0!important;
  text-align: center !important;
  top: 0!important;
  -webkit-transition: font-size 0.2s ease;
  -o-transition: font-size 0.2s ease;
  transition: font-size 0.2s ease;
}
.fancybox-close:before {
  content: '\f057';
  font-family: FontAwesome;
}
.fancybox-close:hover {
  color: #fff;
}
.fancybox-overlay {
  z-index: 1035;
}
.fancybox-lock .fancybox-overlay {
  min-height: 320px;
  overflow: hidden;
}
.fancybox-prev,
.fancybox-next {
  overflow: hidden;
}
.fancybox-prev span,
.fancybox-next span {
  background: none!important;
  color: #fff;
  margin-top: -50px;
  visibility: visible!important;
  -webkit-transition: font-size 0.2s ease;
  -o-transition: font-size 0.2s ease;
  transition: font-size 0.2s ease;
  width: 140px!important;
  height: 140px !important;
}
.fancybox-prev span:before,
.fancybox-next span:before {
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  height: 100px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  width: 100px;
}
.fancybox-prev:hover span,
.fancybox-next:hover span {
  color: #fff;
}
.fancybox-prev:hover span:before,
.fancybox-next:hover span:before {
  border-left-color: #666;
  border-top-color: #666;
}
.fancybox-next span {
  text-align: center;
}
.fancybox-prev span:before {
  left: 36px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.fancybox-next span {
  right: 6px;
}
.fancybox-next span:before {
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.fancybox-skin {
  background: #191919;
}
.fancybox-image {
  opacity: 99;
  filter: alpha(opacity=9900);
}
#fancybox-thumbs {
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 100000;
  -webkit-transition: bottom 0.5s ease;
  -o-transition: bottom 0.5s ease;
  transition: bottom 0.5s ease;
}
#fancybox-thumbs ul {
  background: transparent;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  top: 0 !important;
  white-space: nowrap;
}
#fancybox-thumbs ul li {
  border: none !important;
  display: inline-block;
  float: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#fancybox-thumbs ul li .holder {
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
#fancybox-thumbs ul li.active {
  opacity: 100;
  filter: alpha(opacity=10000);
}
.fancybox-lock body {
  overflow: visible !important;
}
body.mobile #fancybox-thumbs {
  display: none;
}
body:not(.option-com_virtuemart) .fancybox-wrap {
  height: 100% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  position: fixed!important;
  top: 0 !important;
}
.fancybox-inner,
.fancybox-skin,
.fancybox-outer {
  height: 100% !important;
  position: relative;
  width: 100% !important;
}
.fancybox-outer {
  background: none!important;
}
.fancybox-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.fancybox-image {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.fancybox-type-image.fancybox-opened {
  z-index: 8040;
}
.fancybox-type-image.fancybox-opened .fancybox-image {
  opacity: 100;
  filter: alpha(opacity=10000);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.fancybox-nav {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 56px;
  z-index: 100;
}
.fancybox-nav span {
  visibility: visible;
}
.fancybox-close {
  -webkit-transition: right 0.5s ease;
  -o-transition: right 0.5s ease;
  transition: right 0.5s ease;
}
.fancybox-full #fancybox-thumbs {
  bottom: -100px;
}
.fancybox-full .fancybox-prev {
  left: -100px;
}
.fancybox-full .fancybox-next,
.fancybox-full .fancybox-close {
  right: -100px;
}