body{


}
 .kwicks { 
     list-style: none;  
     position: relative;  
     margin:0 auto;  
     padding: 0; 

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 159px;
	height:590px;
	margin-right: 0px;
	background-repeat:no-repeat;
	position:relative;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}
#kwick1 { background:url(../../images/1.jpg); background-size:cover;}
#kwick2 { background:url(../../images/2.jpg); background-size:cover;}
#kwick3 { background:url(../../images/3.jpg); background-size:cover;}
#kwick4 { background:url(../../images/4.jpg); background-size:cover;}

.kwicks li:hover .year { opacity:0;  filter: alpha(opacity=0);}
.kwicks li:hover .year-data { opacity:1;  filter: alpha(opacity=100); right:0; padding-right:0;}
.year { position:absolute; top:50px; left:0; width:100%; height:44px; background:#1f64e3; font-size:17px; letter-spacing:1px; color:#fff; text-align:right; padding:0 15px; line-height:44px; opacity:1;  filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.year-data { position:absolute; top:50px; right:0; width:360px; background:rgba(0,0,0,.7); padding:15px; color:#fff; font-size:14px;opacity:0;  filter: alpha(opacity=0); padding-right:100px;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;}
.year-data b { display:block; font-size:24px; padding-bottom:0px;}
.year-data p { color:#fff !important;}