.view-tenth img {
    -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;

}
.view-tenth .mask {
   background-image: -moz-radial-gradient(circle farthest-side, #fff, #0078E1); /* FF3.6+ */
    background-image: -webkit-radial-gradient(circle farthest-side, #fff, #0078E1); /* Chrome10+,Safari5.1+ */
    background-image: -webkit-gradient(radial, center center, 0, center center, 95, from(#fff), to(#0078E1)); /* Chrome,Safari4+ */
    background-image: radial-gradient(circle farthest-side, #fff, #0078E1); /* W3C */
	
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;

}
.view-tenth h2 {
   border-bottom: 0px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;


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

/**** stil b **********************************/
.view {
	width: auto;
	height: auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	background-color: ;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center center;
}
.view .mask,.view .content {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	max-width: 100%;
	height: 100%;
	width: 100%;

}
.view img {
display: block;
position: relative;
}
.view h2 {
margin-top: 20px ;
font-family: Arial;	font-size: 15px;	
color: #ccc;
font-weight: bold;	
text-align: center;
position: relative;
padding: 10px;
border-radius:4px ;
background:  url() no-repeat right center;}
@media screen and (max-width:480px) {
.view h2 { margin-top: 10px ;font-size: 12px;}

}

.view p {
font-family: Arial;	font-size: 12px;	
color: #000;
font-weight: normal;	
text-align: center;
position: relative;
padding: 15px;
border-radius:4px ;
background:  #fff url() no-repeat right center;
}
.view a.info {
width: 100%;
height: 100%;
display: inline-block;   
font-family: Arial;	font-size: 14px;	
color: #fff;
font-weight: bold;
text-decoration: none;	
text-align: center;
position: relative;
padding: 5px ; margin-top: 0px;
border-radius:4px ;
background:  url(zom.png) no-repeat center center;}

.view a.info: hover {
 color: #fff;
 background: #000000 url() no-repeat right center; }
 
 @media screen and (max-width:480px) {
.view h2 { margin-top: 10px ;font-size: 12px;}
.view a.info { margin-top: 30px;}

}

 
 /********** sitil 2************************************************************/
 
.view-tenth2 img {
    -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;

}
.view-tenth2 .mask2 {
   background-image: -moz-radial-gradient(circle farthest-side, #fff, #ccc); /* FF3.6+ */
    background-image: -webkit-radial-gradient(circle farthest-side, #fff, #ccc); /* Chrome10+,Safari5.1+ */
    background-image: -webkit-gradient(radial, center center, 0, center center, 95, from(#fff), to(#ccc)); /* Chrome,Safari4+ */
    background-image: radial-gradient(circle farthest-side, #fff, #ccc); /* W3C */
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;

}
.view-tenth2 h2 {
   border-bottom: 0px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth2 p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth2 a.info2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth2:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;


}
.view-tenth2:hover .mask2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth2:hover h2,.view-tenth2:hover p,.view-tenth2:hover a.info2 {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/**** sti2 B **********************************/
.view2 {
	width: auto;
	height: auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	background-color: ;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center center;
}
.view2 .mask2,.view2 .content2 {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	max-width: 220px;
	height: 120px;
	width: 100%;

}
.view2 img {
display: block;
position: relative;
}
.view2 h2 {
margin-top: 10px ;
font-family: Arial;	font-size: 15px;	
color: #000;
font-weight: bold;	
text-align: center;
position: relative;
padding: 10px;
border-radius:4px ;
background:  url() no-repeat right center;}

.view2 p {
font-family: Arial;	font-size: 12px;	
color: #000;
font-weight: normal;	
text-align: center;
position: relative;
padding: 15px;
border-radius:4px ;
background:  #fff url() no-repeat right center;
}
.view2 a.info2 {
width: 220px;
height: 120px;
display: inline-block;   
font-family: Arial;	font-size: 14px;	
color: #fff;
font-weight: bold;
text-decoration: none;	
text-align: center;
position: relative;
padding: 0px ; margin-top: 0px;
border-radius:0px ;
background:  url(zom2.png) no-repeat center center;}

.view2 a.info2: hover {
 color: #fff;
 background: #000000 url() no-repeat right center; }

@media screen and (max-width:480px) {
.view2 a.info2 {
background:  url(zom3.png) no-repeat center center;}
.view2 h2 { margin-top: 10px ;font-size: 12px;}
.view2 .mask2,.view2 .content2 {max-width: 320px;	height: 175px;	width: 100%;

}
}