/* CSS3 STYLE GENERIC */
.view {
   width: 218px;
   height: 119px;
   margin: 0px;
   float: left;
   border: 0px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   /*box-shadow: 0px 0px 5px #aaa;*/
   cursor: default;
}
.view .mask, .view .content {
   width: 218px;
   height: 119px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../img/link2.png) center repeat-x;
   display: block;
   text-decoration: none;
   padding:50px;
   content:"";
   margin-top:-90px;
   left:-100px;
   width:218px;
   height:119px;
   text-align:center;
   	color:#ffffff;
	position:relative;
	font-size:18px;
	
}

@media only screen and (min-width: 350px) and (max-width: 480px) {
	
	.view {
   width: 148px;
   height: 81px;
   margin: 0px;
   float: left;
   border: 0px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   /*box-shadow: 0px 0px 5px #aaa;*/
   cursor: default;
}
.view .mask, .view .content {
   width: 148px;
   height: 81px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../img/link2.png) center repeat-x;
   display: block;
   text-decoration: none;
   padding:25px;
   content:"";
   margin-top:-80px;
   left:-100px;
   width:148px;
   height:81px;
   text-align:center;
   	color:#ffffff;
	position:relative;
	font-size:18px;
	
}
	
}

@media only screen and (min-width: 320px) and (max-width: 350px){
	
	.view {
   width: 123px;
   height: 67px;
   margin: 0px;
   float: left;
   border: 0px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   /*box-shadow: 0px 0px 5px #aaa;*/
   cursor: default;
}
.view .mask, .view .content {
   width: 123px;
   height: 67px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../img/link2.png) center repeat-x;
   display: block;
   text-decoration: none;
   padding:10px;
   content:"";
   margin-top:-75px;
   left:-100px;
   width:128px;
   height:67px;
   text-align:center;
   	color:#ffffff;
	position:relative;
	font-size:18px;
	
}
	
}

@media only screen and (max-width: 320px) {
	
	.view {
   width: 123px;
   height: 67px;
   margin: 0px;
   float: left;
   border: 0px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   /*box-shadow: 0px 0px 5px #aaa;*/
   cursor: default;
}
.view .mask, .view .content {
   width: 123px;
   height: 67px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../img/link2.png) center repeat-x;
   display: block;
   text-decoration: none;
   padding:10px;
   content:"";
   margin-top:-75px;
   left:-100px;
   width:128px;
   height:67px;
   text-align:center;
   	color:#ffffff;
	position:relative;
	font-size:18px;
	
}
	
}