﻿.scroll_horizontal {
    position: relative;
    width: 810px;
    height: 190px;
    padding: 10px;}

    .scroll_horizontal .box {
        overflow: hidden;
        position: relative;
        width: 754px;
        height: 190px;
        margin: 0 auto;}
        .scroll_horizontal .box  article {
            width: 244px;
            height: 25px;
            background-color: rgba(0,0,0,0.5);
            position: absolute;
            top: 151px;}

    .scroll_horizontal .list {
        overflow: hidden;
        width: 9999px;}

        .scroll_horizontal .list li {
            float: left;
            width: 254.5px;}
        
        .scroll_horizontal .list li img{
            float: left;
            width: 244px;
            height:183px;}

    .scroll_horizontal .prev, .scroll_horizontal .next {
        position: absolute;
        top: 50%;
        margin-top: -25px;
        width: 40px;
        height: 50px;
        background-image: url(../images/v2/control.png);
        background-repeat: no-repeat;
        font: 0/0 Arial;
        cursor: pointer;}

    .scroll_horizontal .prev {
        left: 0px;
        background-position: 0 0;}

    .scroll_horizontal .next {
        right: 0px;
        background-position: -40px 0;}

    .scroll_horizontal .prev:hover {
        background-position: 0 -50px;}

    .scroll_horizontal .next:hover {
        background-position: -40px -50px;}
