﻿#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    /*overflow: hidden;*/
}
#colorbox,#colorbox:focus, #colorbox *, #colorbox *:focus { outline:0 !important; }
#cboxWrapper {
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-color: rgba(0, 0, 0, .7);
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
        background: white;
    padding: 20px;
    border-radius: 5px;
}
#cboxLoadedContent > * {
    padding-top: 1px;
}
#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;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#cboxLoadingGraphic {
    background: url(/content/img/loading.gif) no-repeat center center;
}

#cboxContent #cboxClose {
  width: 40px;
  height: 40px;
  background: url('/content/img/modal_close.png') 0 0;
  position: absolute;
  top: -40px;
  right: -40px;
  cursor: pointer;
  border: none;
}
#cboxContent #cboxClose:hover {
  background-position: 0 -40px;
}