ul.wpp-list {padding:0;margin:0;counter-reset:number;border: 1px solid #eee;}
span.wpp_title {
    width: 142px;
    height: 110px;
    float: left;
    padding: 5px;
    font-size: 13px;
    line-height: 20px;
    padding-left: 30px;
    background: #FFF;
    overflow-y: hidden;
}

ul.wpp-list li {
    list-style: none;
    height: 120px;
    border-bottom: 1px solid #eee;
}
ul.wpp-list li img {
    width: 120px;
    height: 120px;
    border-left: 1px solid #eee;
}
ul.wpp-list li:after {counter-increment: number;content: counter(number);top: -120px;position: relative;font-weight: bold;font-style: italic;font-size: 18px;padding: 0 0 0 5px;color: #333;}
ul.wpp-list li:nth-child(1):after{color: #e3b72a;}
ul.wpp-list li:nth-child(2):after{color: #989898;}
ul.wpp-list li:nth-child(3):after{color: #b47950;}

ul.wpp-list li a,.wpp-list li a:link,.wpp-list li a:visited {text-decoration: none;color: #333;}
ul.wpp-list li a:hover {text-decoration: underline;color: #333;}
ul.wpp-list li a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

ul.wpp-list li span.wpp_title:hover {background-color: #e8e8e8;}