div.newslide {
position: relative;
height: 10px;
padding-top: 283px;
padding-bottom: 48px;
}


div.newslide .haber {
width: 70px;
height: 50px;
float: left;
margin: 0px 2px;
opacity:0.8;
border: solid 1px #ccc;
transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-webkit-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
}
div.newslide .haber.active{
opacity:1;
transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-webkit-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
border: 1px solid #555f61;
}

div.newslide .kresim {
width: 70px;
height: 50px;
}

div.newslide .detay{
display: none;
width: 640px;
height: 45px;
left: 2px;
position: absolute;
top: 232px;
background: rgba(0, 0, 0, 0.5);
}

div.newslide .resim {
display: none;
position: absolute;
left: 0px;
top: 0px;
width: 640px;
height: 275px;
padding: 1px;
}
.haber.active .detay,.haber.active .resim{
	display:block;
}