/*-----------------------*//*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: visible;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
  overflow: visible;
}

#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;
}

#cboxTopLeft {
	width:14px;
	height:14px;
	background:none; /*url(/images/cb/controls.png) -100px 0 no-repeat;*/
}
#cboxTopRight {
	width:14px;
	height:14px;
	background:none; /*url(/images/cb/controls.png) -136px 0 no-repeat*/;
}
#cboxBottomLeft {
	width:14px;
	height:14px;
	background:none; /*url(/images/cb/controls.png) -100px -37px no-repeat*/;
}
#cboxBottomRight {
	width:14px;
	height:14px;
	background:none; /*url(/images/cb/controls.png) -136px -37px no-repeat*/;
}
#cboxMiddleLeft {
	width:14px;
	background:none; /*url(/images/cb/controls.png) left top repeat-y*/;
}
#cboxMiddleRight {
	width:14px;
	background:none; /*url(/images/cb/controls.png) right top repeat-y*/;
}
#cboxTopCenter {
	height:14px;
	background:none; /*url(/images/cb/border.png) 0 0 repeat-x*/;
}
#cboxBottomCenter {
	height:14px;
	background:none; /*url(/images/cb/border.png) 0 -36px repeat-x*/;
}
#cboxContent {
	background:#fff;
	text-align:left
}
#cboxLoadedContent {
	margin-bottom:0px;
}
#cboxTitle {
	color: #CCCCCC;
	left: 60px;
	position: absolute;
	top: -20px;
}
#cboxCurrent {
	color: #CCCCCC;
	position: absolute;
	right: 25px;
	top: -20px;
}
#cboxSlideshow {
	color: #FFFFFF;
	position: absolute;
	right: 90px;
	top: -20px;
}
#cboxPrevious {
	position:absolute;
	top:0;
	left:-27px;
	background-image:url(../png/previous.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
	width:20px;
	height:100%;
	text-indent:-9999px;
}
#cboxPrevious.hover {
	/*background-position: -78px -49px;*/
}
#cboxNext {
	position:absolute;
	top:0;
	right:-27px;
	background-image:url(../png/next.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
	width:20px;
	height:100%;
	text-indent:-9999px;
}
#cboxNext.hover {
	/*background-position:-55px -49px;*/
}
#cboxLoadingOverlay {
	background:url(../png/loading_background.png) center center no-repeat;
}
#cboxLoadingGraphic {
	background:url(../gif/loading-2.gif) center center no-repeat;
}
#cboxClose {
	position:absolute;
	top:0;
	right:-29px;
	background-image:url(../png/close.png);
    background-repeat: no-repeat;
    background-position: top center;
	width:19px;
	height:19px;
	text-indent:-9999px;
	background-color:transparent;
	border:none;
}

#cboxClose.hover {
	/*background-position:-28px -58px;*/
}

/*
.cboxIE #cboxTopLeft {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderTopLeft.png, sizingMethod='scale');
}
.cboxIE #cboxTopCenter {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderTopCenter.png, sizingMethod='scale');
}
.cboxIE #cboxTopRight {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderTopRight.png, sizingMethod='scale');
}
.cboxIE #cboxBottomLeft {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderBottomLeft.png, sizingMethod='scale');
}
.cboxIE #cboxBottomCenter {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderBottomCenter.png, sizingMethod='scale');
}
.cboxIE #cboxBottomRight {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderBottomRight.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleLeft {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleRight {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderMiddleRight.png, sizingMethod='scale');
}
*/
/* retina */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   -moz-device-pixel-ratio: 2){
   
    #cboxClose {
    -webkit-background-size:19px 19px;-moz-background-size:19px 19px;background-size:19px 19px;
    }
    
    #cboxPrevious,#cboxNext {
    -webkit-background-size:19px 34px;-moz-background-size:19px 34px;background-size:19px 34px;
    }
    
    #cboxClose {
    	background-image:url(../png/close%402x.png);
    }
     #cboxPrevious {
    	background-image:url(../png/previous%402x.png);
    }
     #cboxNext {
    	background-image:url(../png/next%402x.png);
    }
}


/* /retina */