﻿*{
    padding: 0;margin: 0;}
li{
    list-style: none;}
a{
    text-decoration: none;color: #666;}

/**************/
.box{
    width: 750px;height: 420px;background: #f9f9f9;}
.all{
    width: 750px;height: 420px;overflow: hidden;}
.top-img{
    width: 674px;height: 420px;font-size: 0;position: relative;float: left;}
.activeimg{
    overflow: hidden;height: 0px;position: relative;}
.top-img .activeimg img{
    width: 674px;height: 420px;}
.top-img .left{
    width: 80px;height: 420px;background: rgba(0,0,0,0.4);position: absolute;left: 0;top: 0;text-align: center;line-height: 420px;
    cursor: pointer;}
.top-img .right{
    width: 80px;height: 420px;background: rgba(0,0,0,0.4);position: absolute;left:594px;top: 0;text-align: center;line-height: 420px;
    cursor: pointer;}
.top-img .left:hover,.top-img .right:hover{
    background: rgba(0,0,0,0.5);}

.bot-img{
    height: 420px;width: 226px;
    float: right;
    position: relative;
    background-color: #ffffff;
    z-index: 999;}
.bot-img ul{
    width: 100%;height: 420px;}
.bot-img ul li{
    width: 226px;height:140px;float: left;border: 1px solid #fff;cursor: pointer;font-size: 0;}
.bot-img ul li img{
    width: 226px;height:140px;}
.bot-img ul li.active{
    border: 1px solid #ff6600;}
.bot-img ul li.active img{
    height: 138px;}
.bot-img ul li img{
    width: 100%;}
.bot-img ul li:last-child{
    margin-right: 0;}
.activeimg a{
    position: relative;}
.marker{
    position: absolute;
    left: 40px;
    bottom: -180px;
    background-color: rgba(0,0,0,0.4);
    width: 216px;
    height: 134px;
    color: #ffffff;
    padding: 20px;
    z-index: 111;}
.bantil{
    height: 36px;
    font-size: 16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    border-bottom: 2px solid #dddddd;
    padding-bottom: 51px;
    margin-bottom: 7px;}
.bansum{
    font-size: 14px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;}