/*::::: PIROBOX RULES::::::::*/

.bg_thumbs{
background:#f7f7f7;/*::::: you can change overlay background-color here ::::::::*/
position:fixed!important;
position:absolute;
top:0;
left:0!important;
left:-17px;
width:100%;
margin:0;
padding:0;
visibility:hidden;
z-index:1001;
display:none;
}


.unloader, .img_box,.middle_l, .middle_r{
background:#222;/*::::: you can change img_box background-color here ::::::::*/
}

/*:::: YOU DON'T NEED TO CHANGE NOTHING ELSE IN THE CSS :::*/

/*:::: PREV/NEXT outside rules ::::*/

.box_next{position:fixed!important;position:absolute;top:0;height:50%;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006; visibility:hidden}
a.next{position:fixed!important;position:absolute;text-indent:-999em;display:block;top:15px;height:34px;width:68px;right:-81px;z-index:1007;background:url(next.png) center right no-repeat;}
a:hover.next{background:url(next_over.png) center right no-repeat;}
a:active.next{background:url(next_click.png) center right no-repeat;}
.box_previous{position:fixed!important;position:absolute;top:0;height:50%;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006; visibility:hidden}
a.previous{position:fixed!important;position:absolute;text-indent:-999em;display:block;top:15px;height:34px;width:68px;right:110px;z-index:1007;background:url(prev.png) center right no-repeat;}
a:hover.previous{background:url(prev_over.png) center right no-repeat;}
a:active.previous{background:url(prev_click.png) center right no-repeat;}

/*:::: END PREV/NEXT rules ::::*/


/*:::: IMG_BOX rules ::::*/

.img_box{position:absolute;margin-top:-2px;margin-left:-2px;width:50px;height:50px;visibility:hidden; overflow:hidden;z-index:1002;}
.img_box img{float:left;position:relative; z-index:1100;border:1px solid #000;padding:0;z-index:1003; cursor: hand;}

/*:::: END IMG_BOX rules ::::*/

/*:::: CLOSE, LOADING rules ::::*/

a.thumbs_close{position:fixed!important;position:absolute;text-indent:-999em;display:block;top:55px;height:34px;width:68px;right:35px;z-index:100014;background:url(close_click.png) center right no-repeat;visibility:hidden;}
a:hover.thumbs_close{background:url(close_over.png) center right no-repeat;}
a:active.thumbs_close{background:url(close.png) center right no-repeat;}
.loader{position:fixed!important;position:absolute;text-indent:-999em;display:block;top:85px;height:34px;width:68px;right:35px;z-index:1002; background:url(ajax-loader.gif) center no-repeat!important; background:url(bg_loader_b.gif) center no-repeat;}
.loader span{position:absolute;width:80px;height:80px;}
.unloader{visibility:visible;}
.thumbs{visibility:hidden;}

.caption{position:absolute;bottom:0;left:0;margin:0 0 3px 8px!important;margin:0 0 8px 5px; color:#fff;visibility:hidden;display:block; padding:5px; z-index:100013; cursor:text;}
.caption p{ display:block; margin:0;padding:0; margin-right:px;}
.pre{visibility:hidden;display:none;}
.end{display:none;}
.begin{display:none;}

/*::::, ROUNDED CORNERS ::::*/

.all{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-45px;width:80px;height:80px;padding:10px;z-index:1002;}
.t_l{position:absolute; height:30%; width:90%;padding:0!important;padding:10px; top:0; left:0; background: url(bg_b.png) top left no-repeat!important;background: url(bg_b.gif) top left no-repeat;}
.t_r{position:absolute; height:30%; width:30%; top:0; right:0; background: url(bg_b.png) top right no-repeat!important;background: url(bg_b.gif) top right no-repeat;}
.middle_l{ position:absolute;width:50%;height:80%;left:0; top:10px;z-index:998;}
.middle_r{ position:absolute;width:50%;height:80%;right:0; top:10px;z-index:999;}
.t_l_b{position:absolute; height:80%; width:91%;padding:0!important;padding:10px; bottom:0; left:0; background: url(bg_b.png) bottom left no-repeat!important;background: url(bg_b.gif) bottom left no-repeat;}
.t_r_b{position:absolute; height:90%; width:40%; bottom:0; right:0; background: url(bg_b.png) bottom right no-repeat!important;background: url(bg_b.gif) bottom right no-repeat;}