body{
    padding-top:180px;
}
.bg{
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
}
.workdetail{
    width: 960px;
    margin: 0 auto 60px auto;
}
.media{
    background-color: #e9e9e9;
}
.media .current{
    width: 960px;
    height: 540px;
    overflow: hidden;
}
.media .current img{
    display: block;
    width: 100%;
    height: 100%;
}


.thumb-list{
    height: 120px;
    overflow: hidden;
}
.thumb-item{
    float: left;
    width: 120px;
    height: 120px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    background:no-repeat center center ;
    background-size:cover;
}
.thumb-item.active .mask{
    display: none;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    z-index: 1;
}
.thumb-item.active .mask{
    display: block;
}
.thumb-item img{
    display: block;
    width: 100%;
    height: 100%;
}
.content{
    background-color: #fff;
    padding: 80px 80px 180px 80px;
    overflow: hidden;
    position: relative;
}

.content .intro{
    float: left;
    width: 480px;
}
.content .info{
    float: right;
    width: 240px;
}
.intro .en-title{
    font-size: 22px;
    color: #71a645;
    line-height: 1.2;
}

.intro .cn-title{
    font-size: 22px;
    color: #71a645;
    margin-top: 18px;
    line-height: 1.1;
}
.intro .split{
    width: 54px;
    height: 3px;
    background-color: #71a645;
    margin: 40px 0 30px 0;
}

.intro .text{
    color: #808081;
    line-height: 2;
    text-align: justify;
    font-size: 16px;
}







.info .cate img{
    display: block;
    margin: 0 auto;
}
.info-item{
    text-align: center;
    margin-top: 50px;
}
.info-item h4{
    color: #231815;
    font-size: 16px;
}
.info-item p{
    margin-top: 5px;
    color: #595757;
    font-size: 14px;
    line-height: 1.4;
}

.btn-wrap{
    position: absolute;
    bottom: 0;
    right: 100px;
    width: 240px;
    height: 65px;
}
.btn-wrap a{
    display: block;
    width: 120px;
    height: 65px;
    position: absolute;
    top:0;
}
.btn-wrap a.next{
    right: 0;
    background-image: url("imgs/next.png");
}
.btn-wrap a.next:hover{
    background-image: url("imgs/next-act.png");
}
.btn-wrap a.prev{
    left: 0;
    background-image: url("imgs/prev.png");
}
.btn-wrap a.prev:hover{
    background-image: url("imgs/prev-act.png");
}

video{
    background-color: #000;
}