/*
    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: 10000;
	overflow: hidden;

	-webkit-border-radius: 4px;
			border-radius: 4px;
}

#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: #000;
	opacity: .5;
}

#colorbox { outline:0; }

    /*#cboxTopLeft{*/
		/*width: 14px;*/
		/*height: 14px;*/
		/*background: url(../images/colorbox/controls.png) no-repeat 0 0;*/
	/*}*/

    /*#cboxTopCenter{*/
		/*height:14px;*/
		/*background:url(../images/colorbox/border.png) repeat-x top left;*/
	/*}*/

    /*#cboxTopRight{*/
		/*width: 14px;*/
		/*height: 14px;*/
		/*background: url(../images/colorbox/controls.png) no-repeat -36px 0;*/
	/*}*/

    /*#cboxBottomLeft{*/
		/*width: 14px;*/
		/*height: 43px;*/
		/*background: url(../images/colorbox/controls.png) no-repeat 0 -32px;*/
	/*}*/

    /*#cboxBottomCenter{*/
		/*height:43px;*/
		/*background:url(../images/colorbox/border.png) repeat-x bottom left;*/
	/*}*/

    /*#cboxBottomRight{*/
		/*width: 14px;*/
		/*height: 43px;*/
		/*background: url(../images/colorbox/controls.png) no-repeat -36px -32px;*/
	/*}*/

    /*#cboxMiddleLeft{*/
		/*width: 14px;*/
		/*background: url(../images/colorbox/controls.png) repeat-y -175px 0;*/
	/*}*/

    /*#cboxMiddleRight {*/
		/*width: 14px;*/
		/*background: url(../images/colorbox/controls.png) repeat-y -211px 0;*/
	/*}*/

    #cboxContent {
		background-color: #fff;
		overflow: visible;
	}

        .cboxIframe { background-color: #fff; }

        #cboxError {
			padding: 50px;
			border: 1px solid #ccc;
		}

        #cboxLoadedContent { margin-bottom: 5px; }

        #cboxLoadingOverlay { background:url(../images/colorbox/loading_background.png) no-repeat center center; }

        #cboxLoadingGraphic { background:url(../images/colorbox/loading.gif) no-repeat center center; }

        /*#cboxTitle {*/
			/*position: absolute;*/
			/*bottom: -25px;*/
			/*left: 0;*/
			/*text-align: center;*/
			/*width: 100%;*/
			/*font-weight: bold;*/
			/*color: #7c7c7c;*/
		/*}*/

        /*#cboxCurrent {*/
			/*position: absolute;*/
			/*bottom: -25px;*/
			/*left: 58px;*/
			/*font-weight: bold;*/
			/*color: #7c7c7c;*/
		/*}*/

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        /*#cboxPrevious,*/
		/*#cboxNext,*/
		/*#cboxSlideshow,*/

		#cboxClose {
			overflow: visible;
			position: absolute;
			top: 25px;
			right: 25px;
			border: 0;
			padding: 0;
			margin: 0;
			background-color: transparent;
			font-size: 0;
		}

		#cboxClose:before {
			margin-right: 4px;
			font-family: 'fontawesome';
			color: #292f38;
			font-size: 20px;
			content: "\f00d";

			-webkit-transition: color .4s ease;
					transition: color .4s ease;
		}

		#cboxClose:hover:before { color: #e74c3c; }

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

        /*#cboxPrevious {left:0px; background-position: -51px -25px;}*/
        /*#cboxPrevious:hover {background-position:-51px 0px;}*/
        /*#cboxNext {left:27px; background-position:-75px -25px;}*/
        /*#cboxNext:hover {background-position:-75px 0px;}*/
        /*#cboxClose {right:0; background-position:-100px -25px;}*/
        /*#cboxClose:hover {background-position:-100px 0px;}*/

        /*.cboxSlideshow_on #cboxSlideshow {background-position:-125px 0px; right:27px;}*/

        /*.cboxSlideshow_on #cboxSlideshow:hover {background-position:-150px 0px;}*/

        /*.cboxSlideshow_off #cboxSlideshow {background-position:-150px -25px; right:27px;}*/

        /*.cboxSlideshow_off #cboxSlideshow:hover {background-position:-125px 0px;}*/