#cboxOverlay {
	background-color: rgba(black, .85);
	background-image: none;
}

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

#cboxCurrent {
	display: none !important;
}

#cboxPrevious, #cboxNext {
	background-color: rgba(black, .3);
	background-image: none; 
	font-size: 0;
	left: 0;
	height: 52px;
	position: absolute;		
	text-indent: 0;
	top: 50%;
	transition: background-color .15s linear;
	width: 52px;

	&:after {
		color: rgba(#fff, .8);
		display: inline-block;
		font-family: 'FontAwesome';	
		font-size: 16px;
		text-indent: 0;
		transition: color .15s linear;
	}

	&:hover {
		background-color: rgba(black, .5);

		&:after {
			color: #fff;
		}
	}

	&:focus {
		outline: 0 !important;
	}	
}

#cboxPrevious {
	margin-top: -26px;
	position: absolute;	

	&:after {
		content: '\f053';
		margin: 7px 0 0 -5px;
	}

}

#cboxNext {
	left: auto !important;
	margin-top: -26px;
	right: 0;

	&:after {
		content: '\f054';
		margin: 7px 0 0 4px;
	}
}

#colorbox, #cboxOverlay, #cboxWrapper, #cboxContent {
	overflow: visible !important;
}

#cboxLoadedContent {
	margin: 0;
}

#cboxClose {
	background-color: map-get($grey, 900);
	background-image: none; 
	border-radius: 50%;
	font-size: 0;
	height: 40px;
	position: absolute;
	right: -20px;
	text-indent: 0;
	top: -20px;
	transition: background-color .15s linear;
	width: 40px;

	&:after {
		color: #fff;
		content: '\f00d';
		display: inline-block;
		font-family: 'FontAwesome';	
		font-size: 16px;
		margin: 4px 0 0 0;
		text-indent: 0;
		transition: color .15s linear;
	}
}