.photoGalleryWrapperXX{
text-align:center;
margin:20px 0 40px;
}


.photoGalleryWrapperXX div
{
display:inline-block;
    width: 160px;
    height: 160px;
    overflow: hidden;
    margin: 5px;
    position: relative;
}
.photoGalleryWrapperXX img {

    width:unset !important;
    max-width:unset !important;
    height:unset !important;
    max-height:unset !important;
    position: absolute;
    margin: auto; 
    min-height: 100%;
    min-width: 100%;

    /* For the following settings we set 100%, but it can be higher if needed 
    See the answer's update */
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
} 




.photoGalleryWrapperXX img{
 -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}


.photoGalleryWrapperXX img:hover{
    /*opacity:.85;*/

 -moz-transform: scale(1.10);
  -webkit-transform: scale(1.10);
  transform: scale(1.10);
}


.photoGalleryWrapperXX span{
display:none;
position: absolute; 
bottom: 3px; 
overflow:hidden ;
width: 100%; 
line-height:110%;
font-size:14px;
color:white;
}

.photoGalleryWrapperXX a:hover + span, .photoGalleryWrapperXX span:hover{
display:block !important;

}