#top {
            width: 100%;
            height: 139px;
            float: left;
        
            position: relative;
        }

            #top .small {
                width: 634px;
                height: 80px;
                position: absolute;
                top: 56px;
                left: 60%;
                display: inline;
                margin: 0 0 0 -310px;
            }

                #top .small ul {
                    margin: 0;
                    padding: 0px;
                }

                #top .small li {
                    width: 80px;
                    height: 80px;
                    float: left;
                    border: none;
                    display: inline;
                    margin: 3px 0 0 3px;
                    padding: 0px;
                    filter: alpha(opacity=40);
                    opacity: 0.4;
                    cursor: pointer;
                }

                    #top .small li.hove {
                        filter: alpha(opacity=100);
                        opacity: 1;
                    }
                     #top .small img { width:80px; height:80px; border:1px solid #ff0000;}

        #box {
            width: 100%;
            height: 552px;
            float: left;
           
            overflow: hidden;
            position: relative;
        }

            #box .bg {
                width: 100%;
                height: 330px;
                background: #000;
                filter: alpha(opacity=70);
                opacity: 0.7;
                position: absolute;
                top: 130px;
                left: 0px;
            }

        #list {
            width: 1004px;
            height: 446px;
            position: absolute;
            top: 75px;
            left: 50%;
            display: inline;
            margin-left: -532px;
        }

            #list ul {
                margin: 0px;
                padding: 0px;
                float: left;
            }

            #list li {
                width: 100px;
                border: 3px solid #ff0000;
                position: absolute;
                list-style-type: none;
                overflow: hidden;
                cursor: pointer;
            }

                #list li img {
                    width: 100%;
                    height: 100%;
                    vertical-align: top;
                }

                #list li div {
                    width: 100%;
                    height: 100%;
                    background: #000;
                    filter: alpha(opacity=70);
                    opacity: 0.7;
                    position: absolute;
                    z-index: 1;
                    top: 0px;
                    left: 0px;
                }

                #list li .b_tit {
                    width: 100%;
                    height: 120px;
                    position: absolute;
                    z-index: 1;
                    bottom: -100%;
                    left: 0px;
                    margin: 0px;
                    padding: 0px;
                }

                #list li .opacity {
                    width: 100%;
                    height: 120px;
                    background: #000;
                    filter: alpha(opacity=80);
                    opacity: 0.8;
                    position: absolute;
                    z-index: 1;
                    bottom: 0px;
                    left: 0px;
                }

                #list li .tit {
                    width: 324px;
                    height: 120px;
                    padding: 50px 10px;
font-size:20px;
                    position: absolute;
                    z-index: 2;
                    bottom: 0px;
                    left: 0px;
                }

                    #list li .tit span {
                        width: 100%;
                        height: 30px;
                        font-weight: normal;
                        float: left;
                        text-align: center;
                        line-height: 30px;
                        color: #fff;
                        border-bottom: 1px solid #2f2f2c;
                        margin: 0px;
                        padding: 0px;
                    }

                        #list li .tit span em {
                            color: #ba0707;
                            font-style: normal;
                            float: none;
                        }

                    #list li .tit em {
                        color: #fff;
                        line-height: 25px;
                        float: left;
                        margin: 0px;
                        padding: 5px 0;
                        font-style: normal;
                    }

            #list a {
                width: 39px;
                height: 80px;
                background: url(../images/btn.png) no-repeat;
                text-decoration: none;
                position: absolute;
                z-index: 20;
                top: 190px;
            }

                #list a.prev {
                    background-position: 0 0;
                    left: -50px;
                }

                #list a.next {
                    background-position: -39px 0;
                    right: -100px;
                }

        #bottom {
            width: 100%;
            height: 200px;
            float: left;
            background: url(images/bottom.jpg) no-repeat center;
            position: relative;
        }

            #bottom .title {
                width: 100%;
                height: 60px;
                line-height: 60px;
                color: #fff;
                text-align: center;
                position: absolute;
                left: 0px;
                bottom: 0px;
                font-family: Verdana;
            }

                #bottom .title a {
                    background: #666666;
                    text-decoration: none;
                    color: #fff;
                    padding: 3px 5px;
                }