.piro_html {position:absolute; top:0; left:0; padding:0; width:500px; height: 500px; margin:0; display:block; padding:0; z-index:150001; padding:0;  }
.piro_html a{text-decoration:none; border:none;}
.piro_html a:hover{text-decoration:none; border:none;}
.piro_html table,.piro_html tbody,.piro_html tr,.piro_html th,.piro_html td{margin:0;padding:0;border:none;}
.piro_html img{ margin:0; padding:0; border:none;}

.piro_html .h_t_l{ width:10px; height:10px; background: url(new_skin.png) top left no-repeat;}
.piro_html .h_t_r{ width:10px; height:10px; background: url(new_skin.png) top right no-repeat;}
.piro_html .h_t_c{  height:10px;background: url(new_skin_top.png) top repeat-x;}

.piro_html .h_c_l{width:10px; background: url(new_skin_left.png) left repeat-y; }
.piro_html .h_c_c{background: url(caption.png);margin:0; padding:0;}
.piro_html .h_c_c .div_reg{ background: url(caption.png); width:480px; overflow:hidden; height:480px; margin:0; padding:0; }
.piro_html .h_c_c .div_reg img{ }
.piro_html .h_c_r{width:10px; background: url(new_skin_left.png) right repeat-y;}

.piro_html .h_b_c{  height:10px;background: url(new_skin_top.png) bottom repeat-x;}
.piro_html .h_b_l{ width:10px; height:10px;background: url(new_skin.png) bottom left no-repeat;}
.piro_html .h_b_r{ width:10px; height:10px;background: url(new_skin.png) bottom right no-repeat;}

.piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%;  z-index:150000;background:#fff;display:none; cursor:pointer;}
.piro_loader{position:absolute;top:50%;left:50%;margin:-59px 0 0 -59px;width:118px;height:118px;display:block;z-index:150005;  cursor:pointer; }

@keyframes rotate {
  100% {-webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
    transform: rotate(360deg);}
}

.piro_loader span{position:absolute;top:50%;left:50%;margin-top:-36px;margin-left:-36px;width:72px;height:72px;display:block;z-index:150009; background: url(loadinfo2.png) center center no-repeat; 

-webkit-animation: rotate 1s linear infinite;
animation: rotate 1s linear infinite;
}
.piro_title{position:fixed; background: url(bg_title.png) bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;}
.btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; background: url(b_w/info.png) no-repeat; z-index:1500440}

.caption {width: 0px; height: 0px; overflow: hidden; position:absolute;bottom:10px;left:10px;margin:0;display:block; padding:0px; color:black; cursor:text; background: transparent; z-index:150018}

.caption p{ display:block; margin:0;padding:0px 0px; text-align:center; font-weight:normal; font-size:0px; color:white; z-index:150019; color:white;}




.nav_container{
position:absolute; 
left:0px; 
top: 0px; 
margin:0 0 0 0; 
height:100%; 
width:100%; 
z-index:1500190000000; 
}

.piro_close{
width: 40px;
height: 40px;
background-color: #000;
background-image: url(close.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 12px;
position: absolute;
bottom: 25px;
left: calc(50% - 20px);
border-radius: 999px;
cursor:pointer;
z-index:150022;
display:none;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
transition-duration: 0.5s;
}

.piro_close:hover {
background-color: #ff0000;
}




a.piro_next{
width: 40px;
height: 40px;
background-color: #000;
background-image: url(r_arr.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 16px;
position: absolute;
bottom: 25px;
left: calc(50% + 24px);
border-radius: 999px;
cursor:pointer;
display:block;
z-index:150022;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
transition-duration: 0.5s;
}

a:hover.piro_next{
background-color: #049600;
}

@media screen and (max-width:1000px){ 
a:hover.piro_next{
background-color: #000;
}
}

.piro_next_fake{
width: 40px;
height: 40px;
background-color: #dcdcdc;
background-image: url(r_arr.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 16px;
position: absolute;
bottom: 25px;
left: calc(50% + 24px);
border-radius: 999px;
display: none;
cursor:auto;
font-size: 0px;
z-index:150023;
}



a.piro_prev{
width: 40px;
height: 40px;
background-color: #000;
background-image: url(l_arr.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 16px;
position: absolute;
bottom: 25px;
left: calc(50% - 64px);
border-radius: 999px;
cursor:pointer;
display:block;
z-index:150023;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
transition-duration: 0.5s;
}

a:hover.piro_prev{
background-color: #049600;
}

@media screen and (max-width:1000px){ 
a:hover.piro_prev{
background-color: #000;
}
}

.piro_prev_fake{
width: 40px;
height: 40px;
background-color: #dcdcdc;
background-image: url(l_arr.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 16px;
position: absolute;
bottom: 25px;
left: calc(50% - 64px);
border-radius: 999px;
display: none;
cursor:auto;
font-size: 0px;
z-index:150020;
}



a.close_pirobox{color:#bb0f05;}