@charset "utf-8";

/*
    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:hidden;*/}
#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-color: rgba(200,200,200,0.8);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#b3000000,EndColorStr=#b3000000);-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#b3000000,EndColorStr=#b3000000)";/*background:#000; opacity: 0.9; filter: alpha(opacity = 90);*/}
#colorbox{outline:0;}
    #cboxContent{
		margin-top:20px;
		padding: 10px 10px 40px;
		/*padding-bottom: 70px;*/
		background: #ffffff;
		border: solid 1px #dddddd;
		box-shadow:rgba(0, 0, 0, 0.3) 0px 3px 6px 3px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 3px 6px 3px;
		-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 3px 6px 3px;
	 }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        /*#cboxLoadedContent{border-bottom:1px solid #dddddd;}*/
        /*#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}*/
		  #cboxTitle{
			  position:absolute;
			  bottom:4px;
			  left:0;
			  width:100%;
			  text-align:center;
			  color:#949494;
				font-size: 12px;
				font-size: 1.2rem;
				line-height: 1.2;
			 }
        #cboxCurrent{display: none !important; position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{}

        /* 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;}
			#cboxClose {
				position: absolute;
				bottom: -90px;
				left: 50%;
				width: 80px;
				height: 80px;
				margin-left: -40px;
				padding: 0;
				background: url(/common/img/header_bt01.png) no-repeat 0 0;
				border-radius: 5px;
				color: #333333;
				font-family: Verdana, Arial, sans-serif;
				font-size: 1.4rem;
				text-indent: -9999px;
			}
			/*#cboxClose:hover {
				background: #eeeeee;
			}
			#cboxClose:after {
				display: inline-block;
				width: 12px;
				height: 12px;
				margin-left: 8px;
				background: url(/common/img/com_ic09.png) no-repeat 0 0;
				content: "";
			}*/
        
        
		  #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/common/img/colorbox_controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/common/img/colorbox_controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        /*#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}*/