#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 999999999999999999;
overflow: hidden;
}
#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;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
} #colorbox {
outline: 0;
}
#cboxContent {
margin-top: 0px;
overflow: visible;
}
#cboxError {
padding: 60px;
}
#cboxLoadedContent {
padding: 0px;
padding-bottom: 45px;
}
#cboxLoadingGraphic {
width: 12px;
height: 12px;
top: 46%;
top: calc(50% - 6px);
left: 46%;
left: calc(50% - 6px);
border-radius: 12px;
transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
animation: cssload-loader 1.15s ease-in-out infinite;
-o-animation: cssload-loader 1.15s ease-in-out infinite;
-ms-animation: cssload-loader 1.15s ease-in-out infinite;
-webkit-animation: cssload-loader 1.15s ease-in-out infinite;
-moz-animation: cssload-loader 1.15s ease-in-out infinite;
z-index: 1;
}
#cboxLoadingGraphic:before {
content: "";
position: absolute;
top: 0px;
left: -24px;
height: 12px;
width: 12px;
border-radius: 12px;
}
#cboxLoadingGraphic:after {
content: "";
position: absolute;
top: 0px;
left: 24px;
height: 12px;
width: 12px;
border-radius: 12px;
}
#cboxTitle {
position: absolute;
bottom: 0px;
right: 20px;
line-height: 1;
padding-bottom: 14px;
padding-left: 90px;
}
#cboxCurrent {
position: absolute;
top: -22px;
right: 205px;
text-indent: -9999px;
} #cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
background-color: transparent;
border: 0;
padding: 0;
margin: 0;
overflow: visible;
text-indent: -9999px;
width: 40px;
height: 40px;
position: absolute;
bottom: 2px;
outline: none;
opacity: 0.7;
background-position: center center;
background-repeat: no-repeat;
}
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover,
.cboxSlideshow_on #cboxSlideshow:hover,
.cboxSlideshow_off #cboxSlideshow:hover {
opacity: 1
} #cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
outline: 0;
}
#cboxPrevious {
background-image: url(//www.cocoprive.nl/wp-content/plugins/ombre-features/css/images/left.png);
left: 24px;
}
#cboxNext {
background-image: url(//www.cocoprive.nl/wp-content/plugins/ombre-features/css/images/right.png);
left: 46px;
}
#cboxClose {
background-image: url(//www.cocoprive.nl/wp-content/plugins/ombre-features/css/images/close.png);
left: 2px;
}
.cboxSlideshow_on #cboxNext,
.cboxSlideshow_off #cboxNext {
left: 68px;
}
.cboxSlideshow_on #cboxSlideshow {
background-image: url(//www.cocoprive.nl/wp-content/plugins/ombre-features/css/images/pause.png);
left: 46px;
}
.cboxSlideshow_off #cboxSlideshow {
background-image: url(//www.cocoprive.nl/wp-content/plugins/ombre-features/css/images/play.png);
left: 46px;
}