/*--------------------------------------------------
  Colorbox
--------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* User Style:
--------------------------------------------------*/
#cboxOverlay{
  background: #000;
}
#colorbox{
  outline: 0;
}
  #cboxContent{margin:20px 0;background:#000;}
    .cboxIframe{background:#fff;}
    #cboxError{padding:50px; border:1px solid #ccc;}
    #cboxLoadedContent{
      position: relative;
      background:#fff;
    }
    #cboxLoadedContent img.cboxLayer {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
    }
    #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
    #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
    #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}
    
    #cboxPrevious, #cboxNext, 
    #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
    
    #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
    
    #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
    #cboxPrevious{
      position: absolute;
      top: 50%;
      left: -25px;
      z-index: 2;
      margin-top: -17px;
      background: url(../img/colorbox/controls.png) no-repeat 0 -95px;
      width: 18px;
      height: 35px;
      text-indent: -9999px;
      outline: none;
      transition: opacity 0.2s;
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      -ms-transition: opacity 0.2s;
    }
    #cboxPrevious:hover{
      opacity: 0.6;
    }
    #cboxNext{
      position: absolute;
      top: 50%;
      right: -25px;
      z-index: 2;
      margin-top: -17px;
      background: url(../img/colorbox/controls.png) no-repeat -80px -95px;
      width: 18px;
      height: 38px;
      text-indent: -9999px;
      outline: none;
      transition: opacity 0.2s;
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      -ms-transition: opacity 0.2s;
    }
    #cboxNext:hover{
      opacity: 0.6;
    }
    #cboxClose{
      position: absolute;
      top: -15px;
      right: 2px;
      z-index: 2;
      display: block;
      background: url(../img/colorbox/controls.png) no-repeat 0 0;
      width: 12px;
      height: 12px;
      text-indent:-9999px;
      outline: none;
    }
    #cboxClose:hover{
      background-position: 0 0;
    }

@media(max-width:479px) {
  #cboxPrevious{
    display: none !important;
  }
  #cboxNext{
    display: none !important;
  }
}