.hads { height:135px; width:1000px; margin-top:30px; padding-right:6px; }
.hads .bann { float:right; width:185px; height:130px; margin-left:15px; }
.hads .conimg { background:#fafafa; width:185px; height:108px; border:1px solid #cecccc; }
.hads .conimg .bannimg { width:169px; height:92px; margin:8px; }
.hads .conimg .bannimg a img { -ms-filter:"progidXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.hads .conimg .bannimg a img:hover { -ms-filter:"progidXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);-moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
.hads .bann .infoimg { background:#f1f1f1; width:185px; border:1px solid #cecccc; height:18px; font:normal 9px tahoma; text-align:center; line-height:18px; color:#6f6f6f; }

  
<div class="hads">
                
 <div class="bann">
                   
 <div class="conimg">
     
 <div class="bannimg">
   <a href="#">  <img src="https://i.servimg.com/u/f62/19/23/13/06/42610.png" alt="banner" title="banner" style="width: 169px; height: 92px;" /></a>   
 </div>
     
 </div>
     
 <!--     conimg     -->                
 <div class="infoimg">
   قريبا   
 </div>
     
 <!--     infoimg     -->             
 </div>
     
 <!--     bann     -->             
 <div class="bann">
                   
 <div class="conimg">
     
 <div class="bannimg">
   <a href="#">  <img src="https://i.servimg.com/u/f62/19/23/13/06/42610.png" alt="banner" title="banner" style="width: 169px; height: 92px;" /></a>   
 </div>
     
 </div>
     
 <!--     conimg     -->                
 <div class="infoimg">
   قريبا   
 </div>
     
 <!--     infoimg     -->             
 </div>
     
 <!--     bann     -->             
 <div class="bann">
                   
 <div class="conimg">
     
 <div class="bannimg">
   <a href="#">  <img src="https://i.servimg.com/u/f62/19/23/13/06/42610.png" alt="banner" title="banner" style="width: 169px; height: 92px;" /></a>   
 </div>
     
 </div>
     
 <!--     conimg     -->                
 <div class="infoimg">
   قريبا   
 </div>
     
 <!--     infoimg     -->             
 </div>
     
 <!--     bann     -->             
 <div class="bann">
                   
 <div class="conimg">
     
 <div class="bannimg">
   <a href="#">  <img src="https://i.servimg.com/u/f62/19/23/13/06/42610.png" alt="banner" title="banner" style="width: 169px; height: 92px;" /></a>   
 </div>
     
 </div>
     
 <!--     conimg     -->                
 <div class="infoimg">
   قريبا   
 </div>
     
 <!--     infoimg     -->             
 </div>
     
 <!--     bann     -->             
 <div class="bann">
                   
 <div class="conimg">
     
 <div class="bannimg">
   <a href="#">  <img src="https://i.servimg.com/u/f62/19/23/13/06/42610.png" alt="banner" title="banner" style="width: 169px; height: 92px;" /></a>   
 </div>
     
 </div>
     
 <!--     conimg     -->                
 <div class="infoimg">
   قريبا   
 </div>
     
 <!--     infoimg     -->             
 </div>