.pages li{
    list-style-type:none;
    width:40px;
    height:7px;
    background:url('../image/unhover.png') no-repeat center bottom;
}
.pages li:hover{
    background:url('../image/hover.png') no-repeat center bottom;
}
.pages li.active{
    
    background:url('../image/hover.png') no-repeat center bottom;
}
.pages{
    position:relative;
    z-index:12
}
.pages.horizontal{
    bottom:5px;
    margin-top:440px;
}
.pages.horizontal li{
    display:inline-block;
    margin-right:10px
}
.pages.horizontal li:last-child{
    margin-right:0
}
.pages.vertical{
    right:5px;
    top:50%;
    transform:translateY(-50%)

}
.pages.vertical li{
    margin-bottom:10px

}
.pages.vertical li:last-child{
    margin-bottom:0
}