/* CSS3 STYLE GENERIC */
.view1 {
   width: 312px;
   height: 312px;
   margin: 0px 10px 10px 0px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view1 .mask1, .view1 .content {
   width: 312px;
   height: 312px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view1 img {
   display: block;
   position: relative;
}
.view1 a.info1 {
   background: url(../img/link1.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:50px;
   text-indent:-9999px;
   width:30px;
   height:30px;
}


/* CSS3 STYLE GENERIC */
.view2 {
   width: 312px;
   height: 175px;
   margin: 0px 10px 10px 0px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view2 .mask2, .view2 .content {
   width: 312px;
   height: 175px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view2 img {
   display: block;
   position: relative;
}
.view2 a.info2 {
   background: url(../img/link1.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:50px;
   text-indent:-9999px;
   width:30px;
   height:30px;
}


/* CSS3 STYLE GENERIC */
.view3 {
   width: 312px;
   height: 312px;
   margin: 0px 10px 10px 0px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view3 .mask33, .view3 .content {
   width: 312px;
   height: 312px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view3 img {
   display: block;
   position: relative;
}
.view3 a.info33 {
   background: url(../img/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:80px;
   text-indent:-9999px;
   width:30px;
   height:30px;
}