.aboutmain{width:100%;margin:0 auto; height:1200px; overflow:hidden; margin-top:30px; margin-bottom:20px;}
.aboutview{height:519px; width:100%; float:left;overflow:hidden;position:relative;text-align:center;cursor:default;background:#fff; cursor:pointer; }
.aboutview .mask, .view .content{height:519px; width:100%;position:absolute;overflow:hidden;top:0;left:0;  }
.aboutview img{display:block;position:relative; height:519px;}
.aboutview h2{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:24px;padding:10px;background:rgba(0, 0, 0, .1);margin:20px 0 0}
.aboutview p{position:relative;color:#fff;padding:40px 50px 20px;text-align:center; font-size:16px; font-weight:700;}
.aboutview a.info{display:inline-block;text-decoration:none;padding:7px 14px;background:#000;color:#fff;text-transform:uppercase;}
.aboutview a.info: hover{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}

.aboutview2{height:676px; width:100%; float:left;overflow:hidden;position:relative;text-align:center;cursor:default;background:#fff; cursor:pointer;}
.aboutview2 .mask, .view .content{height:676px; width:100%;position:absolute;overflow:hidden;top:0;left:0}
.aboutview2 img{display:block;position:relative;height:676px; width: 100%}
.aboutview2 h2{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:24px;padding:10px;background:rgba(0, 0, 0, .1);margin:20px 0 0}
.aboutview2 p{position:relative;color:#fff;padding:40px 50px 20px;text-align:center; font-size:16px; font-weight:700;}
.aboutview2 a.info{display:inline-block;text-decoration:none;padding:7px 14px;background:#000;color:#fff;text-transform:uppercase;}
.aboutview2 a.info: hover{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}


.aboutview3{height:338px;width:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;background:#fff; cursor:pointer;}
.aboutview3 .mask, .view .content{height:338px; width:100%;position:absolute;overflow:hidden;top:0;left:0}
.aboutview3 img{display:block;position:relative;height:338px;}
.aboutview3 h2{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:24px;padding:10px;background:rgba(0, 0, 0, .1);margin:20px 0 0}
.aboutview3 p{position:relative;color:#fff;padding:40px 50px 20px;text-align:center; font-size:16px; font-weight:700;}
.aboutview3 a.info{display:inline-block;text-decoration:none;padding:7px 14px;background:#000;color:#fff;text-transform:uppercase;}
.aboutview3 a.info: hover{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}


.aboutview4{height:338px;width:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;background:#fff; cursor:pointer;}
.aboutview4 .mask, .view .content{height:338px; width:100%;position:absolute;overflow:hidden;top:0;left:0}
.aboutview4 img{display:block;position:relative;height:338px;}
.aboutview4 h2{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:24px;padding:10px;background:rgba(0, 0, 0, .1);margin:20px 0 0}
.aboutview4 p{position:relative;color:#fff;padding:40px 50px 20px;text-align:center; font-size:16px; font-weight:700;}
.aboutview4 a.info{display:inline-block;text-decoration:none;padding:7px 14px;background:#000;color:#fff;text-transform:uppercase;}
.aboutview4 a.info: hover{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}


.view-first img{-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
-ms-transition:all .2s linear;
transition:all .2s linear}
.view-first .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;background-color:rgba(0, 0, 0, .7);
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.view-first .mask .p{ width: 60%; margin: 50px 20%; padding: 0; text-align: center; }
.view-first h2{-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out}
.view-first p{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
-ms-transition:all .2s linear;
transition:all .2s linear}
.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 a.info{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out}
.view-first:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}
.view-first:hover h2, .view-first:hover p, .view-first:hover a.info{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}
.view-first:hover p{-webkit-transition-delay:.1s;
-moz-transition-delay:.1s;
-o-transition-delay:.1s;
-ms-transition-delay:.1s;
transition-delay:.1s}
.view-first:hover a.info{-webkit-transition-delay:.2s;
-moz-transition-delay:.2s;
-o-transition-delay:.2s;
-ms-transition-delay:.2s;
transition-delay:.2s}
