.gallery{
position:relative;
overflow:hidden;
}

.gallery .photo{
width:270px;
height:180px;
background-color:#ffffff;
overflow:hidden;
border:1px solid #CC3333;
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;
float:left;
margin-right:10px;
margin-bottom:10px;

filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-webkit-transition: all 1s ease;
filter: none;
}

.gallery .photo:hover{
border:1px solid #393536;

filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 1s ease;

}

.gallery .photo a {
width: 270px;
height: 180px;
display: block;
position: relative;

}

.gallery .photo a img {
position: absolute;
max-width:none !important;
}