﻿@charset "utf-8";



.rollBox {

    width: 1080px;

    overflow: hidden;

    padding: 12px 0 5px 6px;

}



    .rollBox .LeftBotton {

        height:48px;

        width: 36px;

        background: url(../images/04.jpg) no-repeat ;

        overflow: hidden;

        float: left;

        display: inline;

        margin: 25px 0 0 0;

        cursor: pointer;

    }



    .rollBox .RightBotton {

        height: 48px;

        width: 36px;

        background: url(../images/05.jpg) no-repeat ;

        overflow: hidden;

        float: left;

        display: inline;

        margin: 25px 0 0 0;

        cursor: pointer;

    }



    .rollBox .Cont {

        width: 1000px;

        overflow: hidden;

        float: left;

    }



    .rollBox .ScrCont {

        width: 10000000px;

    }



    .rollBox a {

        display: block;

        width: 170px;

        float: left;

        margin: 0px 15px 36px 15px;

        border: 1px solid #b3a27c;

        text-align: center;

    }



        .rollBox a:hover {

            border-color: #f3eccf;

        }



        .rollBox a i {

            display: block;

            overflow: hidden;

            height: 90px;

           

        }



        .rollBox a:hover i {

           

        }



        .rollBox a img {

            display: inline-block;

         

        }



        .rollBox a span {

            display: block;

            overflow: hidden;

            border-top: 1px solid #b3a27c;

            background-color: #f4edd2;

            line-height: 25px;

            white-space: nowrap;

            text-overflow: ellipsis;

            cursor: pointer;

        }



        .rollBox a:hover span {

            border-top: 1px solid #f3eccf;

            background-color: #bfb288;

            color: #ffffff;

        }



    .rollBox #List1, .rollBox #List2 {

        float: left;

width: auto;height:96px;

overflow: hidden;

    }

