.easynews
{
width: 95% !Important;
width: 587px!Important;
height: 280px;
font-size: 12px;
float: none !Important;
font-family: Arial;
position: relative;
background-color: #F5F6F5;
border: 1px solid #DFE1E3;
margin: 12px auto 1px auto;
}
.easynews>.breade
{
           
background: #FFF;
height: 100%;
}
.breade .left-rows
{
float: left;
width: 125px;
  
height: 100%;
       
}
.breade ul,.breade li
{
margin: 0;
padding: 0;
list-style-type: none;
height: 100%;
}
.breade .left-rows ul>li
{
height: 19.1%;
margin: 2px 1px 2px 2px;
}
.breade .left-rows ul>li>a
{
height: 100%;
display: block;
/*overflow: hidden;*/
border: solid 0px #fff;
cursor:pointer;
position:relative;
}
.breade .left-rows ul>li a.active:after
{
content: "";
position: absolute;
width: 0;
height: 0;
border-width: 12px;
border-style: solid;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF;
bottom: 10px;
left: 124px;
z-index: 106;
}
.breade .left-rows ul>li a.active:before
{
content: "";
position: absolute;
width: 0;
height: 0;
border-width: 12px;
border-style: solid;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #A9A9A9;
bottom: 7px;
left: 124px;
z-index: 106;
}
.breade .left-rows ul>li>a span
{
-webkit-transition: opacity 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out;
-ms-transition: opacity 0.6s ease-in-out;
-o-transition: opacity 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out;
background:rgba(0, 0, 0, 0.75);
position:absolute;
left:0;top:0;bottom:0;right:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
.breade .left-rows ul>li>a.active span
{
          
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}  
    
.breade ul>li>a img
{
width: 100%;
height: 100%;
}
.breade .relate
{
float: right;
      
min-height: 100px;
width: 459px;
overflow: hidden;
height: 99%;
position: relative;
margin: 1px 0;
}
.relate .absolte
{
width: 3005;
position: absolute;
left: 0;
top: 0;
}
.relate .absolte >li
{
float: left;
width: 459px;
height:280px;
}
.relate .absolte >li>a
{
width: 100%;
height: 100%;
display:block;

}
.relate .absolte >li img
{
width: 100%;
height: 100%;
}

.offmain {
width: 95%;
height:190px;
font-size:12px;
float: none !Important;
font-family:Arial;
position: relative;
background-color: #F5F6F5;
border: 1px solid #DFE1E3;                
margin: -3px 0 0 0;
}
#afrikabn.offmain .afrtil
{
font-size: 1.2em;
     
margin: 0;
text-align: center;
border-bottom: solid 1px #DFE1E3;
background: #F5F6F5;
font-weight: bold;
color: #7D7F8B;
position: absolute;
left: 0;
right: 0;
top: 0px;
text-shadow: 1px 1px 1px #fff;
}
#afrikabn.offmain .afrtil a
{
color: #2877B2;
text-decoration: underline;
}
#afrikabn.offmain
{
height: 170px;    
margin-top: 15px;
padding-top: 75px;
background-color: #FFFFFF;
}
.nowhitespace{
white-space:normal !Important;
}
.offmain .d-left {
left: -12px;
background-position:  0 -30px;
}
.offmain .d-left:hover {
background-position: -32px -30px;
}
.offmain .d-right {
right: -12px;
background-position: 0 0;
}
.offmain .d-right:hover {
background-position: -32px 0;
}
.offmain .d-left, .offmain .d-right {
position: absolute;
top: 40%;
width: 32px;
height: 32px;
cursor: pointer;
background-image: url(/img/icons/next-prev.png);
background-color: rgba(0, 0, 0, 0);
background-repeat:no-repeat;
z-index:90;
}

.offmain .absol ul li{
float:left;
width:90px;
padding-right:8px;
padding-left:8px;
padding-top:8px;
height:190px;
overflow: hidden;
-webkit-transition: 0.5s 0.01s;
-moz-transition: .05s all;
-moz-transition-delay: 0.01s;
-ms-transition: .3s all;
-ms-transition-delay: 0.01s;
-o-transition: .3s all;
-o-transition-delay: 0.1s;
-webkit-transition: .01s all;
-webkit-transition-delay: 0.1s;
}
#afrikabn.offmain .absol ul li
{
height:188px;
}
.offmain .absol ul li:hover{
-moz-box-shadow: 0px 1px 12px 3px rgba(0, 76, 128, 0.39);;
-webkit-box-shadow: 0px 1px 12px 3px rgba(0, 76, 128, 0.39);;
box-shadow: 0px 1px 12px 3px rgba(0, 76, 128, 0.39);;	
background:white;
}
.offmain .absol ul li:hover span.sektoru
{
white-space:normal!Important;
}
#afrikabn.offmain .absol ul li:hover
{
min-height:188px;
height:auto;
}
.offmain .absol ul li span {
display: block;
padding-left:2px;
}
.offmain .absol ul li span.tarihi{
color:#474747;white-space: nowrap;
text-overflow: initial;						 
padding-bottom:2px;
overflow: hidden;
}
.offmain .absol ul li span.fuaradi {
font-weight: bold;
color: #474747;white-space: nowrap;
text-overflow: initial;
padding-bottom:2px;
overflow: hidden;
}
.offmain .absol ul li span.sektoru {
 
color: #474747;white-space: nowrap;
text-overflow:inherit;
overflow: hidden;
padding-bottom:2px;
}
.offmain .absol ul li a {
text-decoration:none;
display:block;
}
.offmain .absol ul li span.yeri{
color: #0581A8;
text-overflow: initial;
padding-bottom:2px;
overflow: hidden;
white-space: nowrap;
} 


.offmain ul, .offmain li {
margin: 0;
padding: 0;
list-style-type: none;
}

.offmain .skr {
border: solid 1px #FFF;
width: 100%;
height: 100%;
overflow:hidden;

}
.offmain .skr .relativ{
margin:10px 25px;
position:relative;				 
height:100%;
overflow:hidden;
}
#afrikabn.offmain .skr .relativ
{
margin-top:0;
}
.relativ img {
border: solid 1px #D1D1D1;
max-width:88px;max-height:95px;
height:80px;
margin: 1px 0 3px 0;
}
.clr{
float:none;
clear:both;
}
.offmain .absol {
min-width: 500px;
position:absolute;
left:0;
}