﻿@charset "utf-8";
.frame {
    /*width: 960px;*/
    margin: 10px auto;
    position: relative;
    height:280px;
} 

.frame ul, p{
    margin: 0;
    padding: 0;
}
   

.cols_bg {
    height: 246px;
    width: 100%;
    background: url(/css/picWall/bg2013_b4_b9d8b69.png) left bottom repeat-x;
    position: absolute;
    top: 90px;
    z-index: 0;
}

    .cols_bg .cont {
        width: 960px;
        margin: 0 auto;
        position: relative;
        height: 100%;
    }

        .cols_bg .cont .l {
            position: absolute;
            left: -33px;
            bottom: 0;
            height: 256px;
            width: 33px;
            background: url(/css/picWall/bg2013_b5_80ae4de.png) no-repeat;
            overflow: hidden;
        }

        .cols_bg .cont .r {
            position: absolute;
            right: -33px;
            bottom: 0;
            height: 256px;
            width: 33px;
            background: url(/css/picWall/bg2013_b5_80ae4de.png) -33px 0 no-repeat;
        }

        .cols_bg .cont .l, .cols_bg .cont .r {
            background: 0 0;
        }

.cols {
    width: 960px;
    height: 237px;
    float: right;
    margin-bottom: 18px;
    position: relative;
    z-index: 99;
}

    .cols ul {
        height: 237px;
        float: left;
    }

        .cols ul.pic-left {
            width: 192px;
        }

        .cols ul.pic-center {
            width: 480px;
        }

        .cols ul.pic-right {
            width: 288px;
        }

        .cols ul li {
            width: 95px;
            height: 95px;
            display: inline;
            float: left;
            position: relative;
            margin-left: 1px;
            margin-bottom: 1px;
            background: #000;
            z-index: 80;
            cursor: pointer;
            overflow: hidden;
        }

            .cols ul li.big {
                width: 157px;
                height: 157px;
            }

            .cols ul li.refresh a {
                display: block;
                height: 100%;
                width: 100%;
                background: url(/css/picWall/bg2013_8425316.png) 0 -32px no-repeat;
            }

                .cols ul li.refresh a:hover {
                    background-position: -95px -32px;
                }

            .cols ul li.loading a, .cols ul li.loading a:hover {
                background: url(/css/picWall/bg2013_loading_fab792c.gif) center no-repeat;
            }

            .cols ul li .item {
                float: left;
                position: relative;
                width: 95px;
                height: 95px;
            }

                .cols ul li .item .bg {
                    position: absolute;
                    z-index: 1;
                    top: 0;
                    left: 0;
                    width: 95px;
                    height: 95px;
                    /*background: url(/css/picWall/bg2013_24_78e8aa5.png) -175px -215px no-repeat;*/
                    background: url(/css/picWall/bg2013_24_78e8aa5.png) -65px -215px no-repeat;
                }

                .cols ul li .item .bg2 {
                    background: url(/css/picWall/bg2013_24_78e8aa5.png) 0 -213px;
                    opacity: .5;
                    filter: alpha(opacity=50);
                }

            .cols ul li.big .item, .cols ul li.big .item .bg {
                width: 157px;
                height: 157px;
            }

            .cols ul li .item img {
            }

            .cols ul li .item .detail {
                display: none;
            }

            .cols ul li .mask {
                position: absolute;
                top: 0;
                left: 0;
            }

#picWall_pop {
    display: none;
    position: absolute;
    width: 157px;
    border: 1px solid #E2E0E0;
    padding: 6px;
    top: 0;
    left: 0;
    z-index: 101;
    background: #FFF;
    _zoom: 1;
}

    #picWall_pop p {
        color: #fff;
        font-size: 12px;
    }

        #picWall_pop p.name {
            font-size: 14px;
        }

            #picWall_pop p.name a {
                color: #333;
            }

                #picWall_pop p.name a:hover {
                    text-decoration: underline;
                }

            #picWall_pop p.name img {
                vertical-align: middle;
            }

        #picWall_pop p.note {
            color: #999;
            padding-top: 6px;
            overflow: hidden;
        }

    /*#picWall_pop .live {
        position: absolute;
        right: 6px;
        top: 6px;
        height: 15px;
        line-height: 15px;
        padding: 0 2px;
        overflow: hidden;
        background: #60B800;
        color: #fff;
        font-family: '宋体';
    }*/
     