﻿@charset "utf-8";
.title02{height:30px;}
.title02 h3 a {float:left; display:block; width:110px; color:#FFF; font-weight:bold; line-height:30px; font-size:14px; background:url(../../../Images/title_02bg.jpg) no-repeat left top; text-align:center;}
.title02 span a {float:right; display:block; text-transform:uppercase; color:#e21a01; font-family:Arial; line-height:30px; font-size:10px; padding-right:10px; background:url(../../../Images/icon04.jpg) no-repeat right center;}
.title02 span a{color:#e21a01;}

.roll {border: 1px solid #F3F3F3;height: 360px;}
.rollBox {
    width: 100%;
    overflow: hidden;
    padding: 1px 0 10px 6px;
	position:relative;
	margin:23px 0px 0px 4px;
}
.rollBox .bg {
	width: 96%;
	background: #f9d1cc;
	height: 316px;
	padding: 1px;
	margin-left: 13px;
	margin: 0 auto;
	}
    .rollBox .LeftBotton {
        height: 77px;
        width: 40px;
        background: url(../images/roll_l.png) no-repeat;
        overflow: hidden;
        left:0px;
        top: 50px;
        display: inline;
        margin: 38px 0 0 0;
        cursor: pointer;
        position:absolute;
    }

    .rollBox .RightBotton {
        height: 77px;
        width: 40px;
        background: url(../images/roll_r.png) no-repeat;
        overflow: hidden;
        right:0px;
        top: 50px;
        display: inline;
        margin: 38px 0 0 0;
        cursor: pointer;
        position:absolute;
    }
	

    .rollBox .Cont {
        width: 98%;
        overflow: hidden;
        float: left;
        margin-left: 9px;
    }

    .rollBox .ScrCont {
        width: 10000000px;
    }

    .rollBox a {
        display: block;
        float: left;
        margin: 10px 14px 0 0;
        line-height: 22px;
        text-align: center;
    }

        .rollBox a:hover {
           
        }

        .rollBox a i {
            display: block;
            overflow: hidden;
            width: 220px;
            height: 270px;
        }

        .rollBox a:hover i {
            
        }

        .rollBox a img {
            display: inline-block;
            height: 270px;
        }

        .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;
    }
