.title{ font-size:10px;}
.expl{
margin:0;
padding:5px;
margin-top:10px;
margin-left:30px;
color:black;
font-weight:300;
font-size:11px;
border:1px solid #ccc;
}
.thumbs_all{
	float:left;
	height: 350px;
	width: 500px;
}
.thumbs_all img{padding:1px;}
.thumbs_all li{
	float:left;
	list-style-image: none;
	list-style-type: none;
	margin: 5px;
}
span.thumbs_all {float:left; margin-left:40px!important; margin-left:40px;}
.pirobox_in {
	height: 350px;
	width: 500px;
	float: left;
	position: relative;
}

.thumbs_all  a{
	float:left;
	border:1px solid #D1FAFA;
	height:102px;
	width:102px;
	cursor:url(images/cursor/open.cur), pointer;
}
.thumbs_all  a:hover{
	float:left;
	border:1px solid #1DC7C7;
}
.highlite{color:#000; font-weight:700;}

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

.bg_thumbs{
	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;
	background-color: #666;
}


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

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

/*:::: PREV/NEXT inside rules ::::*/
.box_next_in{position:absolute;top:2px!important;top:2px;height:90%;width:74px;right:2px!important;right:0px;overflow:hidden;z-index:1010;background:none;display:none;}
a.next_in{
	position:absolute;
	z-index:1011;
	height:100%;
	width:74px;
	right:-74px;
	text-indent:-999em;
	display:block;
	background:url(../images/next_in_b.gif) top right no-repeat;
	background-repeat: no-repeat;
	background-position: right top;
}
.box_previous_in{position:absolute;top:2px!important;top:2px;z-index:100012;height:90%;left:2px!important;left:2px;width:74px;overflow:hidden;background:none;display:none;}
a.previous_in{
	position:absolute;
	z-index:100013;
	left:-74px;
	height:100%;
	width:74px;
	text-indent:-999em;
	display:block;
	background:url(../images/prev_in_b.gif) top left no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
}

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

.box_next{position:fixed!important;position:absolute;top:0;height:100%;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:0;
	height:100%;
	width:81px;
	right:-81px;
	z-index:1007;
	background-image: url(../images/next_o_b.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
a:hover.next{
	background-image: url(../images/next_o_b_h.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.box_previous{position:fixed!important;position:absolute;top:0;height:100%;left:0;width:81px;overflow:hidden;z-index:1008;visibility:hidden}
a.previous{
	z-index:1009;
	position:fixed!important;
	position:absolute;
	top:0;
	height:100%;
	width:81px;
	left:-81px;
	text-indent:-999em;
	display:block;
	background-image: url(../images/prev_o_b.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
a:hover.previous{
	background-image: url(../images/prev_o_b_h.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/*:::: 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:none;
	padding:0;
	z-index:1003;
	cursor:auto;
}

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

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

.thumbs_close{
	position:absolute;
	bottom:0;
	right:0;
	height:18px;
	width:81px;
	color:#fff;
	cursor:pointer;
	margin:0 10px 10px 0!important;
	margin:0 12px 10px 0;
	z-index:100014;
	visibility:hidden;
	background-image: url(../images/close_b.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.loader{
	position:fixed!important;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-30px;
	margin-left:-33px;
	width:80px;
	height:80px;
	display:block;
	z-index:1007;
	background:url(../images/bg_loader_b.gif) center no-repeat;
	background-repeat: no-repeat;
	background-position: center;
}
.loader span{position:absolute;width:80px;height:80px;}
.unloader{visibility:visible;}
.thumbs{visibility:hidden;}

.caption{position:absolute;bottom:0;left:0;margin:0 0 8px 5px!important;margin:0 0 8px 5px; color:#fff;visibility:hidden;display:block; padding:3px; z-index:100013; cursor:text;}
.caption p{ display:block; margin:0;padding:0; margin-right:88px;}
.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(../images/bg_b.gif) top left no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
}
.t_r{
	position:absolute;
	height:30%;
	width:30%;
	top:0;
	right:0;
	background: url(../images/bg_b.png) top right no-repeat;
	background-repeat: no-repeat;
	background-position: right top;
}
.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(../images/bg_b.png) bottom left no-repeat;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.t_r_b{
	position:absolute;
	height:90%;
	width:40%;
	bottom:0;
	right:0;
	background: url(bg_b.gif) bottom right no-repeat;
	background-image: url(../images/bg_b.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}