.view {overflow: hidden;position: relative;text-align: laft;cursor:pointer;margin-bottom:10px;border:solid 1px #333333;}.view .mask,.view .content {width: 100%;height: auto;background-repeat:no-repeat ;display: block;position: absolute;overflow: hidden;top: 0;left: 0;}.view img .mask, {display: block;position: relative;}.view h222 {text-transform: uppercase;color: #fff;text-align: laft;position: relative;font-size: 15px;font-weight:bold;background: rgba(0, 0, 0, 0.8);margin-top: 0px;margin-right: 0;margin-bottom: 0;padding-top: 10px;padding-right: 10px;padding-left: 0px;}.view p {font-family: Arial, Helvetica, sans-serif;font-style: normal;font-size: 12px;position: relative;color: #FFF;text-align: center;-webkit-text-shadow: 0 0 1px #000;-moz-text-shadow: 0 0 1px #000;text-shadow: 0 0 1px #000;}.view a.info1 {max-height:100px;display: inline-block;text-decoration: none;line-height: 0px;text-transform: none;-webkit-text-shadow: 0 0 1px #000;-moz-text-shadow: 0 0 1px #000;text-shadow: 0 0 1px #000;padding-top: 0px;padding-right: 5px;padding-bottom: 0px;margin-left: 20px;font-size:auto;}.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.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}.view-tenth .mask {background-color: rgba(40,40,40,0.30);-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 h222 {margin-left:20px;border-bottom: 1px 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: #FFF;-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 {margin-top:10px;color: #FFF;-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.info1 {-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 h222,.view-tenth:hover p,.view-tenth:hover a.info1 {-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;}@media (max-width: 979px) and (min-width: 768px){.view {width: 100%;height:100%;float: left;overflow: hidden;position: relative;text-align: laft;cursor:pointer;margin-bottom:10px;border:solid 1px #333333;}.view .mask,.view .content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;}.view img {display: block;position: relative;}.view h222 {text-transform: uppercase;color: #fff;text-align: laft;position: relative;font-size: 10px;font-weight:bold;background: rgba(0, 0, 0, 0.8);margin-top: 0px;margin-right: 0;margin-bottom: 0;padding-top: 2px;padding-right: 2px;padding-left: 0px;}.view p {font-family: Arial, Helvetica, sans-serif;font-style: normal;font-size: 10px;position: relative;color:#FFF;line-height:1.5;text-align: center;}.view a.info1 {max-height:50px;display: inline-block;text-decoration: none;line-height: 0px;text-transform: none;-webkit-text-shadow: 0 0 1px #000;-moz-text-shadow: 0 0 1px #000;text-shadow: 0 0 1px #000;padding-top: 0px;padding-right: 5px;padding-bottom: 0px;margin-left: 10px;font-size:auto;}.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.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}.view-tenth .mask {background-color: rgba(40,40,40,0.30);-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 h222 {margin-left:10px;border-bottom: 1px 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: #FFF;-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: #FFF;-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.info1 {-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 h222,.view-tenth:hover p,.view-tenth:hover a.info1 {-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;}}@media (max-width: 767px) and (min-width: 524px){.view {width: 100%;height:100%;float: left;overflow: hidden;position: relative;text-align: laft;cursor:pointer;margin-bottom:10px;border:solid 1px #333333;}.view .mask,.view .content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;}.view img {display: block;position: relative;}.view h222 {text-transform: uppercase;color: #fff;text-align: laft;position: relative;font-size: 10px;font-weight:bold;background: rgba(0, 0, 0, 0.8);margin-top: 0px;margin-right: 0;margin-bottom: 0;padding-top: 2px;padding-right: 2px;padding-left: 0px;}.view p {font-family: Arial, Helvetica, sans-serif;font-style: normal;font-size: 10px;position: relative;color:#FFF;line-height:1.5;text-align: center;}.view a.info1 {max-height:50px;display: inline-block;text-decoration: none;line-height: 0px;text-transform: none;-webkit-text-shadow: 0 0 1px #000;-moz-text-shadow: 0 0 1px #000;text-shadow: 0 0 1px #000;padding-top: 0px;padding-right: 5px;padding-bottom: 0px;margin-left: 10px;font-size:auto;}.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.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}.view-tenth .mask {background-color: rgba(40,40,40,0.30);-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 h222 {margin-left:10px;border-bottom: 1px 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: #FFF;-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: #FFF;-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.info1 {-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 h222,.view-tenth:hover p,.view-tenth:hover a.info1 {-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;}}@media (max-width: 350px) and (min-width: 100px){.view {width: 100%;height:100%;float: left;overflow: hidden;position: relative;text-align: laft;cursor:pointer;margin-bottom:5px;border:solid 1px #333333;}.view .mask,.view .content {position: absolute;overflow: hidden;top: 0;left: 0;}.view img {display: block;position: relative;}.view h222 {text-transform: uppercase;color: #fff;text-align: laft;position: relative;font-size: 8px;font-weight:bold;background: rgba(0, 0, 0, 0.8);margin-top: 0px;margin-right: 0;margin-bottom: 0;padding-top: 2px;padding-right: 2px;padding-left: 0px;}.view p {font-family: Arial, Helvetica, sans-serif;font-size:7px;font-weight:normal;position: relative;color:#FFF;line-height:1;text-align: center;}.view a.info1 {max-height:50px;display: inline-block;text-decoration: none;line-height: 0px;text-transform: none;-webkit-text-shadow: 0 0 1px #000;-moz-text-shadow: 0 0 1px #000;text-shadow: 0 0 1px #000;padding-top: 0px;padding-right: 5px;padding-bottom: 0px;margin-left: 10px;font-size:auto;}.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.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}.view-tenth .mask {background-color: rgba(40,40,40,0.30);-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 h222 {margin-left:10px;border-bottom: 1px 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: #FFF;-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: #FFF;margin-top:2px;-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.info1 {-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 h222,.view-tenth:hover p,.view-tenth:hover a.info1 {-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;}}