/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible !important;}
#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;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background: rgba(0,0,0,0.7);}
#colorbox{outline:0;}

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight { display:none; }

#cboxContent{ background:#ffffff; overflow:visible; border:1px solid #ffffff; border-radius:0px; }

.cboxIframe{ background:#ffffff;}
#cboxError{ padding:50px; border:1px solid #ccc; }
#cboxLoadedContent{ margin-bottom:0px; }
#cboxTitle{ 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#ffffff; 
	padding:10px; text-align:center;
	background:rgba(0,0,0,0.7);
	}
div#cboxTitle:empty {
    display: none !important;
}
#cboxCurrent { position:absolute; bottom:4px; left:58px; color:#949494; display:none !important; }
#cboxLoadingOverlay { background:url(../images/loading_background.png) no-repeat center center; }
#cboxLoadingGraphic { background:url(../images/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow { position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious,
#cboxNext { 
	position:absolute; top:50%;
	background:#ffffff; width:29px; height:29px;
	text-indent:-9999px; border-radius:100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;
	}

#cboxPrevious:before {
	position:absolute; left:11px; top:10px;
	content:""; display:block;
	width:8px; height:8px;
	border-left:3px solid #212c61;
	border-bottom:3px solid #212c61;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;
	}
#cboxNext:before {
	position:absolute; right:11px; top:10px;
	content:""; display:block;
	width:8px; height:8px;
	border-right:3px solid #212c61;
	border-bottom:3px solid #212c61;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;
	}
#cboxPrevious { left:20px; }
#cboxNext { right:20px; }

#cboxPrevious:hover,
#cboxNext:hover{ background: #212c61; }

#cboxPrevious:hover:before,
#cboxNext:hover:before { border-color: #ffffff; }
#cboxClose { 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	position:absolute; top:-20px; right:-20px; width:37px; height:37px; 
	background:#882150; padding:5px; color:#ffffff; border-radius:35px;
	line-height:1;
	transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;
	}

#cboxClose:before,
#cboxClose:after {
	position:absolute; left:50%; top:50%; 
	background:#ffffff; height:3px; width:18px;
	content:"";
	}

#cboxClose:before {
	transform:translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
	}

#cboxClose:after {
	transform:translateX(-50%) translateY(-50%) rotate(-45deg); -webkit-transform:translateX(-50%) translateY(-50%) rotate(-45deg);
	}

#cboxClose:hover{ /*background:#480500;*/ }
#cboxClose.minbtn:before { display:none !important; }
#cboxClose:after {
	position:absolute; left:50%; top:50%; 
	background:#ffffff; height:3px; width:18px;
	content:"";
	}
#cboxClose.minbtn:after {
	transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);
	}