/*
    ColorBox 
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
#cboxContent{background:none;}
#cboxLoadedContent{margin-bottom:110px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#888; font-size:1.15em; line-height: 1.45em; }
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

#cboxTitle .title { color: #666; font-size: 1.8em; line-height: 1.25em; display: block; margin-bottom:0.5em; }
#cboxTitle .description { display: block; margin-bottom: 0.5em; }
#cboxTitle .purchase {display:block;}

#cboxPrevious{position:absolute; top:0px; left:0; width:40%; height:100%; margin-top:-50px; text-indent:-9999px;}
#cboxNext{position:absolute; top:0px; right:0; width:40%; height:100%; margin-top:-50px; text-indent:-9999px;}       
#cboxPrevious:hover {background:url(images/cboxleft2.png) center left no-repeat; }
#cboxNext:hover{background:url(images/cboxright2.png) center right no-repeat; }