div.newslide {
position: relative;
padding-top: 2px;
padding-left: 379px;
width: 494px;
}


div.newslide .haber {
width: 70px;
height: 55px;
margin: -2px 0px 5px 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;
padding: 2px 2px 2px 2px;
background-color: #F7F7F7;

}
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;
}

div.newslide .kresim  img{
width: 112px;
height: 58px;

}

div.newslide .detay{
display: none;
width: 363px;
height: 45px;
left: 7px;
position: absolute;
top: 198px;
background: rgba(0, 0, 0, 0.8);
}

div.newslide .resim {
display: none;
position: absolute;
left: 0px;
top: 0px;
width: 374px;
height: 250px;
/* padding: 1px; */
}
.haber.active .detay,.haber.active .resim{
	display:block;
}
div.newslide .haber .yazi  a{
position: relative;
top: -47px;
font-family: arial;
font-weight: normal;
font-size: 12px;
text-transform: uppercase;
color:#000;
}
div.newslide .haber.active .yazi  a{
color:#FFF;
}