.gallery a{
color:#cccccc;
font-weight:bold;
text-decoration:none;
}

.gallery .photo{
margin-left:0px;
margin-bottom:30px;
opacity:0;
}

.gallery .photo:hover a{
color:#000000;
}

.gallery .photo.visible-photo{
opacity:1;
}

.gallery .photo .image {
margin-left:auto;
margin-right:auto;
display: block;   
position: relative;
background-color:#ffffff;
overflow:hidden;
/*border:1px solid #cccccc; */
transition:         0.08s ease-in;
-o-transition:      0.08s ease-in;
-ms-transition:     0.08s ease-in;
-moz-transition:    0.08s ease-in;
-webkit-transition: 0.08s ease-in;
margin-bottom:5px;
text-align:left;
}

/*.gallery .photo .image:hover{
border:1px solid #999999;
}*/

.gallery .photo a img {
max-width:100%; 
}

.gallery .photo .bg{
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
opacity:0.4;
background-color:#ffffff;           
transition:         0.2s ease-in;
-o-transition:      0.2s ease-in;
-ms-transition:     0.2s ease-in;
-moz-transition:    0.2s ease-in;
-webkit-transition: 0.2s ease-in;
}

.gallery .photo:hover .bg{
opacity:0;
}