.view {
width: 290px;
height: 177px;
margin: 0 22px 30px 21px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
background: #fff url(images/bgimg.jpg) no-repeat center center;
border-bottom: solid 3px #00CCFF;
border-radius: 10px;
_position:relative;
_height: auto;
_border-bottom: none;
}
.view .mask, .view .content {
width: 100%;
height: 185px;
position: absolute;
overflow: hidden;
top:140px;
left:0;
*top:0;
}
.view img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
}
.view h2 {
text-transform: uppercase;
color: rgb(1, 17, 99);
text-align: center;
position: relative;
font-size: 15px;
padding: 5PX 10px;
background: rgba(0, 0, 0, 0);
margin: 0;
}
.view p {
font-size: 12px;
position: relative;
color: #fff;
padding: 0 20px 20px;
text-align: left;
}
.view a.info {
display: block;
text-decoration: none;
padding: 7px 14px;
color: #fff;
text-transform: uppercase;
width: 100px;
background: rgb(255, 163, 0);
text-align: center;
margin: 0 auto;
font-size: 14px;
}
.view a.info: hover {
   /*-webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;*/
}