100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#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;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;outline: none;}

/* 
    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:#000;}
body.inverted #cboxOverlay{background:#fff;}
#cboxClose{
    position:absolute; 
    top:0px;
    right:6px;
    z-index:100; 
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	border:none;
	background: url('../royalslider/skins/default/rs-default.png') -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
#cboxClose:hover{
    background-color: rgba(0,0,0,0.9);
}

body.inverted #cboxClose{
    	background: url('../royalslider/skins/default/rs-default-inverted.png') -64px 0;
    	background-color: #fff;
    	background-color: rgba(255,255,255,0.75);
    	*background-color: #fff;    
}

body.inverted #cboxClose:hover{
    background-color: rgba(255,255,255,0.9);    
} 
#cboxLoadedContent{
    margin-bottom: 30px;
}