.brand-story {
    padding-bottom: 10px;
}

.brand-story .img {
    width: 599px;
    height: 403px;
    float: left;
    position: relative;
    z-index: 2;
}

.brand-story .text-bg {
    width: 486px;
    height: 323px;
    padding: 77px 58px 0 95px;
    float: left;
    background: #f8f8f8;
    border: 1px solid #bdbdbd;
    position: relative;
    z-index: 1;
    margin: 40px 0 0 -41px;
}

.brand-story .text {
    width: 684px;
    height: 323px;
    float: left;
    /*background: #f8f8f8;
	border: 1px solid #bdbdbd;*/
    position: absolute;
    z-index: 5;
    top: 50px;
    right: 0;
}

.brand-story .text .con {}

.brand-story .text h3 {
    font-size: 18px;
    color: #333333;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 10px;
}

.brand-story .text-con-box {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.text-con {
    position: relative;
    top: -24px;
}

.text-con p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
}

.brand-story .btn {
    height: 40px;
    margin-top: 25px;
    position: relative;
    z-index: 5;
}

.brand-story .btn a {
    display: inline-block;
    width: 47px;
    height: 47px;
    /*    background: #fff url(../images/btn3.png) no-repeat;*/
    margin: 0 10px 0 0;
    /*    border: 1px solid #b5b5b5;*/
}

.brand-story .btn a.next {
    background-position: 0px 0;
}

.brand-story .btn a.prev {
    background-position: -40px 0;
}

.brand-story .btn a:hover {
    /*border-color: #ff0000;
    background-color: #ff0000;*/
    background-image: url(../images/btn4.png);
}

.brand-story .deck {
    width: 602px;
    height: 364px;
    position: absolute;
    right: 19px;
    bottom: 19px;
    border: 1px solid #e3e3e3;
    z-index: 4;
}