﻿/*Banner样式*/
.slide-box {
    position: relative;
    margin: 0;
    /*width: 100%;*/
    width: 60%;
    /*height: 454px;*/
    height: 600px;
    text-align: center;
    overflow: hidden;
}

    .slide-box .list-box {
        position: absolute;
        top: 40px;
         left: 26%; 
        /* margin-left: -300px; */
        width: 100%;
        height: 600px;
        /* background: #fff; */
    }

        .slide-box .list-box li {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            /*height: 100%;*/
            opacity: 0;
            filter: alpha:opacity(0);
        }

            .slide-box .list-box li a {
                display: block;
                width: 100%;
                /*height: 100%;*/
            }

                .slide-box .list-box li a img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    /*width: 100%;*/
                    /*height: 100%;*/
                    height: 540px;
                    /*width:600px;*/
                    width: 600px;
                    transform: scaleZ(0.5);
                }

    .slide-box .speed-box {
        position: absolute;
        left: 0;
        /*bottom: 20px;*/
        bottom: 5px;
        /*width: 100%;*/
        width:600px;
        height: 10px;
        text-align: center;
        z-index: 999;
        left: 26%;
    }

    .slide-box .speed-btn {
        display: inline-block;
        margin: auto 0;
    }

        .slide-box .speed-btn a {
            display: block;
            float: left;
            margin: 0 5px;
            width: 10px;
            height: 10px;
            background: url(../../images/banner/slide_btns1.png) 0 -166px no-repeat;
            overflow: hidden;
            *float: none;
            *display: inline-block;
        }

            .slide-box .speed-btn a.selected {
                background-position: 0 -176px;
            }

    .slide-box .prev-btn, .slide-box .next-btn {
        position: absolute;
        top: 50%;
        display: block;
        margin-top: -41px;
        width: 42px;
        height: 82px;
        z-index: 999;
        opacity: 0.5;
        filter: alpha:opacity(50);
        background: url(../images/slide_btns.png) no-repeat;
        display: none;
        overflow: hidden;
    }

    .slide-box .prev-btn {
        left: 31px;
        background-position: 0 0;
    }

    .slide-box .next-btn {
        right: 31px;
        background-position: 0 -82px;
    }
/*幻灯片样式*/
.focus-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    _position: relative;
}

    .focus-box .slides {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        zoom: 1;
        overflow: hidden;
    }

        .focus-box .slides:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .focus-box .slides li {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

            .focus-box .slides li img {
                min-width: 100%;
                min-height: 100%;
                _width: 100%;
                _height: 100%;
            }

            .focus-box .slides li .note-bg {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 50px;
                background: #000;
                filter: alpha(Opacity=30);
                -moz-opacity: 0.3;
                opacity: 0.3;
                background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
                _background: url(none) 0 0 repeat #000;
            }

            .focus-box .slides li .note-txt {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                display: block;
                padding: 10px;
                height: 24px;
                line-height: 24px;
                color: #fff;
                font-size: 16px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

    .focus-box .flex-control-nav {
        position: absolute;
        right: 5px;
        bottom: 10px;
        display: block;
        z-index: 4;
    }

        .focus-box .flex-control-nav li {
            margin: 0 5px 0 0;
            display: inline-block;
            zoom: 1;
            *display: inline;
        }

            .focus-box .flex-control-nav li a {
                display: block;
                width: 8px;
                height: 8px;
                text-indent: -9999px;
                border: 1px solid #fafafa;
                border-radius: 8px;
                cursor: pointer;
                overflow: hidden;
            }

    .focus-box .flex-control-paging li a:hover {
        background: #333;
    }

    .focus-box .flex-control-paging li a.flex-active {
        background: #c81623;
        border-color: #c81623;
        cursor: default;
    }
/*商品Tab样式*/
.goods-tab .tab-head {
    display: block;
    height: 42px;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
}

    .goods-tab .tab-head ul li {
        float: left;
        margin-left: -1px;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
    }

        .goods-tab .tab-head ul li a {
            display: block;
            padding: 0 30px;
            height: 42px;
            line-height: 42px;
            color: #555;
            font-size: 14px;
        }

            .goods-tab .tab-head ul li a:hover, .goods-tab .tab-head ul li a.selected {
                color: #fff;
                background: #0099FF;
            }

.goods-tab .tab-content {
    display: none;
}