.banners > a {
float: left;
line-height: 0;
margin-right: 14px;
overflow: hidden;
position: relative;
box-shadow:0px 0px 0px #000,0px 0px 0px #000,0px 0px 0px #000,0px 0px 0px #000,0px 0px 10px #000;
}
.banners span {
background: rgba(0, 0, 0, 0.7);
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
height: 125px;
left: 0;
line-height: 125px;
position: absolute;
text-align: center;
top: 0;
width: 125px;
z-index: 100;
}
.banners > a:hover span {
top: -125px;
}
/*transition*/
.banners span  {
transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
}.marquee_2{border:solid 3px #434343;width:300px;height:250px;
box-shadow:0px 0px 0px #000,0px 0px 0px #000,0px 0px 0px #000,0px 0px 0px #000,0px 0px 10px #000;
background:url(http://i.imgur.com/D6gCVg8.png);}
.marquee_2:hover{border:solid 3px #434343;width:300px;height:250px;
box-shadow:0px 0px 0px #000,0px 0px 0px #000,0px 0px 0px #000,0px 0px 0px #000,0px 0px 10px #000;
background:url(http://i.imgur.com/D6gCVg8.png);
transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
}
#bannerss{float:left;margin:10px 5px;}
.img_afiliado{
width:125;height:125px;
}
#fondo_afiliado{
background:url(http://i.imgur.com/XSg70LY.png);background-size:303px 253px;width:303px;height:253px;
}#fondo_afiliado:hover{
background:url(http://i.imgur.com/m64UaGk.png);background-size:303px 253px;width:303px;height:253px;
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
}