.opacita {
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.opacita {
  opacity: 1;
  filter: alpha(opacity = 100);
}

.opacita:hover {
  opacity: 0.3;
  filter: alpha(opacity = 30);
}

.spiderpic{
position: relative;
z-index: 0;
}

.spiderpic:hover{
background-color: transparent;
z-index: 50;
}

.spiderpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 10px;
left: -1000px;
border: 1px solid #666666;
display:none;
text-decoration: none;
z-index:100 !important;
z-index:-20;
font-weight:normal;
color:#666666;
text-align:justify;
width:266px;
}

.spiderpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.spiderpic:hover span{ /*CSS for enlarged image on hover*/
display:block;
top: -100px !important;
top: 92px;
left: -15px;

}

*:first-child+html .spiderpic:hover span{ 
display:block;
top: 92px;
left: 5px; 
z-index:100;
} 

/*CSS spidrrpic dettaglio*/

.spiderpicdettaglio{
position: relative;
z-index: 0;
}

.spiderpicdettaglio:hover{
background-color: transparent;
z-index: 50;
}

.spiderpicdettaglio span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 2px solid #666666;
display:none;
text-decoration: none;
z-index:100;
font-weight:normal;
color:#666666;
text-align:justify;
width:555px;
}

.spiderpicdettaglio span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.spiderpicdettaglio:hover span{ /*CSS for enlarged image on hover*/
display:block;
top: -255px !important;
top: 92px;
left: 0px;

}

*:first-child+html .spiderpicdettaglio:hover span{ 
display:block;
top: 2px;
left: 5px; 
}