/*
    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:hidden;
background-color: #FFF;
_font-size: 0px;
_zoom: 1;
}
#cboxOverlay {
position:fixed;
width:100%;
height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
clear:left;
}
#cboxContent {
position:relative;
}
#cboxLoadedContent {
overflow:hidden;
}
#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-color: #000;
}
#colorbox {
position:absolute;
top:0;
left:0;
z-index:9999;
overflow: visible;
border-radius: 12px;        /* CSS3���� */
-webkit-border-radius: 12px;    /* Safari,Google Chrome�p */
-moz-border-radius: 12px;
border: 10px solid #EBEBEB;
behavior: url(img/PIE.php);
}
#cboxContent {
padding: 0px;
}
#cboxLoadedContent {
background:#FFF;
}
#cboxTitle {
position:absolute;
top:0px;
left:0;
color:#ccc;
}
#cboxCurrent {
position:absolute;
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 20px;
left: 40px;
bottom: 15px;
}
#cboxSlideshow {
position:absolute;
top:-20px;
right:90px;
color:#fff;
}
#cboxPrevious {
position:absolute;
top:0px;
left:0px;
background:url(img/colorbox_controll.png) no-repeat 0px 0px;
width:35px;
height:373px;
text-indent:-9999px;
}
#cboxPrevious.hover {
background-position:-35px 0px;
}
#cboxNext {
position:absolute;
top:0px;
right:0px;
background:url(img/colorbox_controll.png) no-repeat -70px 0px;
width:35px;
height:373px;
text-indent:-9999px;
}
#cboxNext.hover {
background-position:-105px 0px;
}
#cboxLoadingOverlay {
background:#000;
}
#cboxLoadingGraphic {
background:url(img/loading.gif) no-repeat center center;
}
#cboxClose {
position:absolute;
right:20px;
display:block;
width:73px;
height:32px;
text-indent:-9999px;
bottom: 0px;
background-image: url(img/colorbox_controll.png);
background-repeat: no-repeat;
background-position: 0px -373px;
}
#cboxClose.hover {
background-position: 0px bottom;
}