.roll-news {
  
    width:400px;
    height:240px;
    border:solid 1px #c1c1c1; 

}  

.roll-news-index-hover {
  
    background-color:white;  

}  

.roll-news-image img {

    width:400px;
    height:240px;

}  


.roll-news-image a {
  
    font-size:12px;  
    text-decoration:none;  
    color:#222222;  

}  


.roll-news-index {
  
    position:relative;  
    top:-36px;  
    margin-right:5px;  
    float:right;  

}

.roll-news-index li {
  
    list-style:none;  
    float:left;  
    font-size:12px;  
    font-weight:600;  
    width:18px;  
    height:16px;  
    line-height:16px;
    cursor:pointer;  
    margin:0 3px;  
    text-align:center;  

}  

.roll-news-title {
  
    position:relative;  
    top:-24px;  
    padding-left:10px;  
    height:24px;  
    line-height:25px;  
    background: rgba(100,100,100,0.3);

}  

.roll-news-title a {
  
    font-size:12px;  
    text-decoration:none;  
    color:#222222;  

}  

.roll-news-title a:hover {
  
    color:#eeeeee;

}