.view { width: 346px; height: 230px; /*margin: 10px;*/
float: left; /* border: 10px solid #fff;*/
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;*/
cursor: default;/*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
}
.view .mask, .view .content { width: 346px; height: 230px; position: absolute; overflow: hidden; top: 0; left: 0; }
.view img { display: block; position: relative; }
.view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; }
.view p { font-family: Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center; }
.view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
.view a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
 @media only screen and (max-width:1024px) {
.banner_bottom_box { color: #2F639D; display: inline-block; font-family: 'open_sansbold'; font-size: 16px; margin: 0 13px; /* 13.6 */ text-align: center !important; text-transform: uppercase; width: 308px; }
.view { width: 308px; height: 205px; /*margin: 10px;*/
float: left; /* border: 10px solid #fff;*/
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;*/
cursor: default;/*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
}
.view .mask, .view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }
}
 @media only screen and (max-width:481px) {
.view { width: 280px; height: 187px; /*margin: 10px;*/
float: left; /* border: 10px solid #fff;*/
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;*/
cursor: default;/*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
}
.view .mask, .view .content { width: 280px; height: 187px; position: absolute; overflow: hidden; top: 0; left: 0; }
}