.rolling {
    width: 795px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.rolling .roll-title {   overflow: hidden;}
.rolling .roll-title .prev,.rolling .roll-title .next {
    display: block;
    width: 24px;
    height: 70px;
    float: right;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 165px;
    right: 0;
    left: 0;
    display: none;
    z-index: 100;
}

.rolling .roll-title .prev img {
    width: 22px;
    height: 48px;
}

.rolling .roll-title .next img {
    width: 22px;
    height: 48px;
}

.rolling .roll-title .next {
    right: -2px;
    display: none;
    left: inherit;
}

.rolling .roll-title ul {
    float: right;
    overflow: hidden;
    zoom:1; margin-top: 10px;
}

.rolling .content {
    width: 810px;
    overflow: hidden;
}

.rolling .content ul {overflow: hidden; zoom:1; }
.rolling .content ul li { float: left;  _display: inline;}

.rolling-more {
    float: right;
    color: #666;
    font-size: 12px;
}

.rolling .rolling-more:after {
    content: "";
    display: inline-block;
    margin-bottom: 1px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 7px;
    height: 7px;
    border: 1px solid #666;
    border-right: none;
    border-bottom: none;
}

.rolling .content ul li a:hover {
}

.rolling:hover .next{
    display:block;
}

.rolling:hover .prev{
    display:block;
}