.view {
    display:inline-block;
	line-height:180px;
	vertical-align:middle;
	width: auto;
    height: auto; /*180px;*/
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
	
    text-decoration: none;
    margin: 30px 0;
    width: 100%;
    height: 80%;
    
    max-width: 200px;
    max-height: 200px;
	
	}
.view .mask,.view .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
	right:0;
	bottom:0;
}
.view a{display:inline-block; vertical-align:middle;}

.view img {
	display:inline;
    position: relative;
	border:none;
	width: 100%;
	vertical-align: middle;
	}





.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view-first .mask {
    background-color: #eee;
	background-position:center center;
	background-repeat:no-repeat;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-first:hover img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.view-first:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
	-webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}