#colorbox,
#cboxOverlay,
#cboxWrapper{
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}

#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;
	padding:0;
	margin: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;
}

#colorbox {
	outline: 0;
    position: relative;
    background: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
}

#colorbox.arrow-left:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 19px;
    margin-top: -19px;
}

#colorbox.arrow-right:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 19px;
    margin-top: -19px;
}

    #cboxContent {
    	overflow: visible;
    	background: #FFF;
        border-radius: 5px;
        overflow: hidden;
    }

        .cboxIframe {
        	background: #fff;
        }

        #cboxError {
        	padding: 50px;
        }

        #cboxLoadedContent {}

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

       	#cboxTitle {
        	position: absolute;
        	top: -22px;
        	left: 0;
        }

        #cboxCurrent {
        	position: absolute;
        	bottom: -22px;
        	right: 0px;
        	font-size: 0.8em;
        }


        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxSlideshow,
        #cboxClose  {
        	border: 0;
        	padding: 0;
        	margin: 0;
        	overflow: visible;
        	position: absolute;

        	&:active {
	        	outline: 0;
	        }
        }

        #cboxPrevious,
        #cboxNext {
        	position: absolute;
        	top: 50%;
        	padding: 1em;
        	border: 0;
        	font-size: 1.5em;
        	margin-top: -2em;
        }
        
        #cboxPrevious {
        	right: 100%;
        }

        #cboxNext {
        	left: 100%;
        }

        #cboxClose {
        	right: 10px;
        	top: 10px;
            color: #FFF;
            background: #ccc;
            border-radius: 999px;
            width: 1em;
            height: 1em;
            display: inline-block;
            vertical-align: middle;
            line-height: 1em;
            padding: 0.2em;
        }

        #cboxClose:hover {
            background: #000;
        }

         /*.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
         	right: 66px;
         }

         .cboxSlideshow_on #cboxSlideshow {
         	background-position: -75px -25px;
         	right: 44px;
         }

         .cboxSlideshow_on #cboxSlideshow:hover {
         	background-position: -100px -25px;
         }

         .cboxSlideshow_off #cboxSlideshow {
         	background-position: -100px 0px;
         	right: 44px;
         }

         .cboxSlideshow_off #cboxSlideshow:hover {
         	background-position: -75px -25px;
         }
*/