body{padding:0 0 10px; margin:5px 0; border-bottom:1px solid #E0E0E0;}
.al-row{position:relative; overflow:hidden;}
.al-thumb{position:absolute; top:0; left:0; width:90px; height:90px; overflow:hidden;}
.al-thumb > a{z-index:1; height:100%; width:100%;}
.al-info{position:relative; z-index:2; margin-left:90px; height:90px; overflow:hidden;}
.al-info > span{margin:auto; margin-left:0; padding-left:10px; width:100%;}
.al-cate{color:#212121; background-color:#EEE; border:1px solid #E0E0E0; display:inline-block; padding:3px 5px;
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.al-cate h4{font-size:9px; line-height:11px; letter-spacing:1px; font-weight:600; text-transform:uppercase;}
.al-title{display:block; margin:5px 0 3px; color:#212121;}
.al-title h2{font-size:16px; line-height:22px;}
.al-date{font-size:11px;}
.al-desc{display:none;}

@media screen and (min-width:738px){
  .al-thumb{width:160px;}
  .al-info{margin-left:160px;}
}

@media screen and (min-width:669px){
  .al-thumb{width:204px; height:115px;}
  .al-info{margin-left:204px; height:115px;}
  .al-title h2{font-size:18px; line-height:24px;}
}

@media screen and (min-width:908px){
  .al-thumb{width:284px; height:160px;}
  .al-info{margin-left:284px; height:160px;}
  .al-desc{margin-top:5px; display:block;}
  .al-desc h3{font-size:14px; line-height:20px;}
}