@charset "utf-8";

body {
    background: #e9e9e9
}

#main {
    margin-top: 10px
}

#focusview {
    height: 330px;
    overflow: hidden
}

#focusview .photo-view .photo-info {
    width: 94%;
    overflow: hidden;
    padding: 0 15px;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

#focusview dt {
    float: left;
    width: 502px;
    height: 330px
}

#focusview dt .photo-view {
    width: 502px;
    box-shadow: none
}

#focusview dt .photo-view .photo-main {
    height: 330px;
    overflow: hidden
}

#focusview dt .photo-view .photo-main img {
    width: 502px
}

#focusview dt .photo-view .photo-info {
    height: 50px;
    line-height: 50px
}

#focusview dd {
    float: left;
    width: 164px;
    height: 164px;
    margin: 0 0 2px 2px
}

#focusview dd .photo-view {
    width: 164px
}

#focusview dd .photo-view .photo-main {
    height: 164px;
    overflow: hidden
}

#focusview dd .photo-view .photo-main img {
    width: 164px;
    height: 164px
}

#focusview dd .photo-view .photo-info {
    height: 30px;
    width: 90%;
    line-height: 30px;
    font-size: 14px;
    padding: 0 10px
}

#typeTabs {
    height: 40px;
    text-align: center
}

#typeTabs a {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    margin: 0 30px;
    padding: 7px 2px 0;
    line-height: 30px;
    font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
    font-size: 18px;
    color: #999
}

#typeTabs a.action,
#typeTabs a:hover {
    border-bottom: solid 3px #fea9c3;
    text-decoration: none
}

#typeTabs a:not(p)::after {
    content: ".";
    display: block;
    margin: 0 auto 0;
    width: 0;
    height: 3px;
    overflow: hidden;
    color: #fea9c3;
    background: #fea9c3;
    border-radius: 3px;
    transition: width .3s;
    -moz-transition: width .3s;
    -webkit-transition: width .3s;
    -o-transition: width .3s
}

#typeTabs a:not(p).action,
#typeTabs a:not(p):hover {
    border: 0
}

#typeTabs a:not(p).action::after,
#typeTabs a:not(p):hover::after {
    width: 100%
}