.fancybox-nav {
    width: 60px;
}

.fancybox-nav span {
    visibility: visible;
    opacity: 0.3;
}

.fancybox-nav:hover span {
    opacity: 1;
}

.fancybox-next {
    right: -60px;
}

.fancybox-prev {
    left: -60px;
}


.fancybox-skin {
    background: inherit;
}

.fancybox-outer {
    background: transparent;
}

@media (hover:hover){
  .fancybox-inner {
      overflow: hidden !important;
  }
}

@media (hover:none), (hover:on-demand) {
  .fancybox-inner {
      overflow: scroll;
      -webkit-overflow-scrolling: touch !important;
  }
}