/*
====================================================================
= level_nav
====================================================================
*/
#levelNav{
    position:relative;
    width:960px;
    height:38px;
    background:url(../images/category/nav5.png) 0 0 no-repeat;
}
#levelNav li{
    float:left;
    width:101px;
    height:38px;
    text-align:center;
    line-height:38px;
}
#levelNav li.cur{
    background-color:#1c75c1;
}
#levelNav li.cur a{
    color:#FFFFFF;
}
#levelNav li a{
    display:inline-block;
    width:100%;
    height:100%;
    font-size:15px;
    font-family:"微软雅黑";
    color:#bebecb;
}
#levelNav li a:hover{
    color:#FFFFFF;
    text-decoration:none;
}
.level-shadow{
    position:absolute;
    width:960px;
    height:1px;
    left:0;
    bottom:-1px;
    background:url(../images/category/blackbg.png) 0 0 no-repeat;
    _display:none;
    /*
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://shared.ydstatic.com/dao/video/5.3/images/category/blackbg.png');
    */
}
#levelNav .cur a,
#levelNav .cur .first{
    background-image:url(../images/category/index_nav_cur.png);
    background-repeat:no-repeat;
}
#levelNav .cur a{
    /* background-position:-29px -98px; */
    background-position:0 0;
}
#levelNav .cur .first{
    /* background-position:-142px -97px; */
    background-position:-113px 0;
}/*
====================================================================
= layout
====================================================================
*/
#indexmain{
    width:960px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    font-size:12px;
}

ul,li,ol,p,h3{margin:0;padding:0;}
ul,li{list-style:none;}
a{
    text-decoration:none;
    outline:none;
}
a:hover{
    text-decoration:underline;
}
img{
    border:none;
    vertical-align:bottom;
}
h3{font-size:12px;}

/*
====================================================================
= slide
====================================================================
*/
#slide{
    position:relative;
    width:952px;
    height:300px;
    margin:11px auto 25px;
}
#slide .bd{
    position:absolute;
    left:30px;
    top:20px;
    height:214px;
}
#slide .cover{
    position:relative;
    width:890px;
    height:244px;
    overflow:hidden;
}
#slide ul{
    position:relative;
    overflow:hidden;
    height:244px;
    width:10000px;
}
#slide li{
    position:relative;
    float:left;
    display:inline;
    width:282px;
    height:212px;
    margin-right:22px;
}
#slide li a{
    position:relative;
    text-decoration:none;
    border:3px solid #24262f;
    width:276px;
    height:210px;
    overflow:hidden;
    display:block;
}
#slide .shadow{
    position:absolute;
    left:-1px;
    bottom:-30px;
    width:284px;
    height:244px;
}
#slide .shadow-vanish{
    position:absolute;
    left:0;
    top:0;
    width:280px;
    height:210px;
}
#slide li img{
    display:block;
}
#slide li .info-wrap{
    position:absolute;
    left:0;
    bottom:-24px;
    height:53px;
    width:276px;
}
#slide li i{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    cursor:pointer;
    background-color:#000000;
    filter:alpha(opacity=60);
    opacity:0.6;
}
#slide li strong{
    position:absolute;
    left:13px;
    top:6px;
    font-size:16px;
    color:#FFFFFF;
    cursor:pointer;
}
#slide li .status{
    position:absolute;
    right:10px;
    top:7px;
    color:#c4c4c4;
    line-height:160%;
    cursor:pointer;
}
#slide li .info{
    position:absolute;
    left:13px;
    top:25px;
    line-height:2em;
    color:#c4c4c4;
    font-size:14px;
    cursor:pointer;
}
#slide li .star{
    bottom: auto;
    top: 11px;
}
#slide li em{
    position:absolute;
    right:10px;
    top:3px;
    font-size:24px;
    line-height:100%;
    color:#fb7702;
    cursor:pointer;
}
#slide li em span{
    font-size:16px;
}
/*
#slide .active a{
    border:3px solid #055dd1;
}
#slide .active i{
    height:53px;
}
#slide .active strong{
    bottom:24px;
}
#slide .active .status{
    bottom:26px;
}
#slide .active em{
    bottom:21px;
}
#slide .active .info{
    display:block;
}
*/
#slide .btn{
    position:absolute;
    top:100px;
    width:17px;
    height:27px;
    font-size:24px;
    color:#FFFFFF;
    outline:none;
}
#slide .left-btn{
    left:-25px;
}
#slide .right-btn{
    right:-28px;
}
.edge{
    position:absolute;
    top:0;
    width:4px;
    height:300px;
}
.left-edge{
    left:-4px;
}
.right-edge{
    right:-4px;
}
.slide-bottom-shadow{
    width:960px;
    height:15px;
    position:absolute;
    left:-4px;
    bottom:-17px;
}
#slide .ft{
    text-align:center;
    height:46px;
    position:absolute;
    left:0;
    bottom:0;
}
#slide .tab{
    position:relative;
    height:46px;
    width:952px;
}
#slide .tab a{
    position:relative;
    font-size:14px;
    font-family:"微软雅黑","宋体";
    color:#66717f;
    width:65px;
    display:inline-block;
    text-align:center;
    line-height:34px;
    outline:none;
}
#slide .tab a:hover{
    text-decoration:none;
}
#slide .tab .cur{
    color:#FFFFFF;
}
#slide .tab a.cur span{
    position:absolute;
    left:-31px;
    display:block;
    width:130px;
    height:5px;
    bottom:33px;
    overflow:hidden;
}
#slide .tab a:hover{
    color:#FFFFFF;
}
/*
====================================================================
= mod
====================================================================
*/
/* 整个页面模块公用css,主覠涉及的是css代码复用 */
.mod{
    position:relative;
    width:958px;
    margin-bottom:26px;
    padding-bottom:12px;
    border:1px solid #e6e6e6;
    z-index:100;
}
.mod .loading{
    display:none;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 707px;
    z-index: 99;
    opacity: 0.8;
    filter:Alpha(Opacity=80);
}
.vhd{
    position:absolute;
    right:0;
    top:0;
    width:37px;
    height:19px;
    color:#FFFFFF;
}
.big-star{
    position:absolute;
    right:40px;
    top:10px;
    width:66px;
    height:17px;
    cursor: pointer;
}
.active .big-star{
    bottom:26px;
}
.big-star span{
    width:82%;
    height:17px;
    display:inline-block;
}
.small-star{
    display:inline-block;
    height:15px;
    line-height:13px;
    width:55px;
}
.small-star span{
    width:32%;
    display:inline-block;
    height:13px;
    line-heihgt:13px;
}
.paging{
    position:absolute;
    left:0;
    bottom:15px;
    height:21px;
    line-height:21px;
    text-align:center;
    width:681px;
}
.paging a,
.paging .cur,
.paging .next,
.paging .pre,
.paging .pre-init,
.paging .next-init{
    width:21px;
    height:21px;
    margin:0 5px;
    display:inline-block;
    color:#808080;
    vertical-align:bottom;
}
.paging .cur{
    font-weight:bold;
    color:#2b2b2b;
}
.paging a:hover{
    text-decoration:none;
    color:#2b2b2b;
}
.middle-shadow{
    float:left;
    width:14px;
    height:319px;
}
.top-place{
    position:absolute;
    left:-1px;
    top:-1px;
    width:960px;
    height:12px;
    z-index:2;
}
.bottom-place{
    position:absolute;
    left:-1px;
    bottom:-5px;
    width:960px;
    height:12px;
    z-index:2;
}
.clearfix:after{
    content:'.';
    display:block;
    visibility:hidden;
    height:0;
    line-height:0;
    font-size:0;
    clear:both;
}
.clearfix{zoom:1;}
/*
====================================================================
= mod-left
====================================================================
*/
.mod-left{
    float:left;
    width:681px;
    padding-left:13px;
    margin-top:12px;
    overflow:hidden;
}
.mod-left .hd{
    position:relative;
    /*margin-top:2px;*/
}
.mod-left .bd ul{
    overflow:hidden;
}
.mod-left h3{
    width:130px;
    height:19px;
    text-indent:-9999px;
}
.category{
    position:absolute;
    right:19px;
    top:0;
}
.category a{
    color:#808080;
    outline:none;
}
.category a.cur{
    font-weight:bold;
    color:#2b2b2b;
}
.category a.cur:hover{
    color:#2b2b2b;
}
.category a:hover{
    color:#2b2b2b;
    text-decoration:underline;
}
.vline{
    margin:0 8px;
    color:#eeeeee;
}
.mod-left .bd{
    overflow:hidden;
}
.mod-left li{
    position:relative;
    float:left;
    width:122px;
    margin:13px 14px 0 0;
    overflow:hidden;
}
#tv .mod-left li{height:125px;}
#movie .mod-left li{height:247px;}
#anime .mod-left li{height:125px;}
#variety .mod-left li{height:145px;}
#video .mod-left li{height:156px;}
.photo-bg{
    position:absolute;
    top:1px;
    left:1px;
    width:120px;
    height:93px;
    background-color:#dcdcdc;
}
.mod-left .active .photo-bg{
    top:0;
    left:0;
    width:122px;
    height:95px;
    background-color:#005dd1;
}
.photo{
    position:relative;
    left:2px;
    top:2px;
    width:110px;
    height:83px;
    padding:4px;
    background-color:#FFFFFF;
}
.mod-left .photo a{
    position:relative;
    display:block;
    width:110px;
    height:83px;
    text-decoration:none;
}
.info-con{
    position:absolute;
    right:0;
    bottom:0;
    _bottom:-1px;
    width:110px;
    height:17px;
}
.photo i{
    position:absolute;
    right:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    cursor:pointer;
    background-color:#000000;
    filter:alpha(opacity=60);
    opacity:0.6;
}
#videoResult .photo i{
    width:40px;
}
#tvResult .photo img,
#videoResult .photo img,
#varietyResult .photo img,
#animeResult .photo img{
    width:110px;
    height:83px;
}
#varietyResult li{
    height:145px;
}
#movieResult .photo img{
    width:110px;
    height:147px;
}
.mod-left .status{
    position:absolute;
    left:3px;
    bottom:0;
    margin-left:3px;
    height:17px;
    line-height:16px;
    _line-height:17px;
    color:#FFFFFF;
    cursor:pointer;
}
.time{
    position:absolute;
    right:3px;
    bottom:0;
    height:17px;
    color:#FFFFFF;
    line-height:17px;
    cursor:pointer;
}
.mod-left .vhd{
    right:0;
    top:0;
    color:#FFFFFF;
    cursor:pointer;
}
.title{
    font-size:14px;
    color:#2b2b2b;
    display:inline-block;
    height:20px;
    overflow:hidden;
    margin:9px 0 2px 2px;
    line-height:110%;
    font-weight:bold;
}
.more-link{
    position:absolute;
    left:8px;
    bottom:4px;
    height:40px;
    width:677px;
    z-index:5;
}
.more-link a{
    font-size:14px;
    font-weight:bold;
    color:#427bd7;
    width:667;
    height:40px;
    line-height:40px;
    display:block;
    margin:0 auto;
    text-align:center;
}
.title:hover{
    line-height:110%;
}
.mod-left li p{
    color:#808080;
    line-height:160%;
    margin-left:3px;
}
.mod-left li p a{
    color:#808080;
}
.mod-left .ft {
    margin:13px 0 0;
    text-align:center;
}
/*
====================================================================
= mod-right
====================================================================
*/
.mod-right{
    position:relative;
    float:right;
    width:237px;
    padding-left:27px;
    margin-top:12px;
    z-index:5;
}
.mod-right h3{
    height:19px;
    margin:2px 0 1px;
    text-indent:-9999px;
}
.mod-right li{
    position:relative;
    width:221px;
    height:30px;
    line-height:30px;
    padding-bottom:1px;
    z-index:10;
}
.top{
    width:16px;
    height:16px;
    line-height:16px;
    text-align:center;
    display:inline-block;
}
.mod-right .top3{
    color:#FFFFFF;
}
.mod-right .name{
    margin-left:5px;
    display:inline-block;
}
.mod-right li a{
    color:#000000;
}
.namecon{
    display:inline-block;
}
.online{
    width:14px;
    height:14px;
    display:inline-block;
    vertical-align:middle;
}
.mod-right li b,
.rank{
    font-weight:normal;
    position:absolute;
    right:22px;
    top:0;
    color:#808080;
}
.mod-right li b{
    text-align:left;
}
.mod-right li em{
    display:inline-block;
}
.mod-right li .desc,
.mod-right li .asc,
.mod-right li .equal{
    position:absolute;
    right:0;
    top:7px;
    width:7px;
    height:21px;
}
.img-info{
    display:none;
}
.shadow-top-place{
    position:absolute;
    top:0;
    left:0;
    width:14px;
    height:45px;
}
.shadow-bottom-place{
    position:absolute;
    bottom:-10px;
    left:0;
    width:14px;
    height:45px;
}

/* new css for show-info start */
.tooltips{
    display:none;
}
.tooltips{
    width:112px;
    position:absolute;
    left:-147px;
    /*bottom:-98px;*/
    top:0;
    padding:10px;
    background-color:white;
    z-index:2;
    border:1px solid #8B8B92;
}
.tooltips .tips-con{
    position:relative;
    zoom:1;
    display:block;
    text-decoration:none;
}
.tooltips .tips-con img{
    border:1px solid #dcdcdc;
}
.tooltips .vhd{
    right:1px;
}
.mod-right .tips-con .area{
    position:absolute;
    bottom:0;
    left:1px;
    width:110px;
    height:17px;
    background-color:black;
    filter:alpha(opacity=60);
    opacity:0.6;
    cursor:pointer;
}
.tooltips .small-star{
    position:absolute;
    bottom:0;
    left:6px;
    cursor:pointer;
}
.tooltips .name{
    font-size:14px;
    margin-left:3px;
}
.tooltips .status{
    position:absolute;
    bottom:3px;
    left:5px;
    line-height:12px;
    color:white;
}
.mod-right .tooltips .score{
    position:absolute;
    right:5px;
    bottom:0;
    color:#FB7702;
    line-height:150%;
    cursor:pointer;
}
.tooltips .intro{
    display:block;
    margin-left:3px;
    line-height:12px;
    color:#808080;
}
.tooltips .intro a{
    color:#808080;
}
.arrow{
    display:none;
    position:absolute;
    top:0;
    left:-14px;
    width:14px;
    height:30px;
    overflow:hidden;
    z-index:3;
    background:#FFFFFF url(../images/index/icon.png) no-repeat -127px -57px;
}
/* new css for show-info end */
/*
====================================================================
= movie
====================================================================
*/
#movieResult .photo{
    height:147px;
}
#movieResult .photo a{
    width:110px;
    height:147px;
}
#movieResult .photo-bg{
    height:157px;
}
#movieResult .active .photo-bg{
    height:159px;
}
#movieRank h3{
    margin-bottom:8px;
}
#movieRank .bd ol{
    position:relative;
    z-index:9;
}
#movieResult .small-star{
    position:absolute;
    left:0;
    bottom:0;
    width:55px;
    height:17px;
    color:#FFFFFF;
    margin-left:6px;
    cursor:pointer;
}
#movieResult .small-star span{
    width:82%;
    cursor:pointer;
}
#movieResult .photo em{
    position:absolute;
    bottom:0;
    right:9px;
    color:#FB7702;
    height:17px;
    line-height:17px;
    cursor:pointer;
}
#movieRank li{
    height:28px;
}
.mod-right .type {
    display: none;
}
.mod-right .active{
    height:77px;
    margin-bottom:5px;
}
.mod-right .active .top{
    position:absolute;
    left:0;
    top:3px;
}
.mod-right .active .img-info{
    display:inline-block;
    width:45px;
    margin:4px 0 0 21px;
}
.mod-right .active .img-info img{
    border:1px solid #dcdcdc;
}
.mod-right .active .desc,
.mod-right .active .asc,
.mod-right .active .equal{
    top:2px;
}
.mod-right .active .namecon{
    font-weight:bold;
    position:absolute;
    left:72px;
    top:5px;
    height:20px;
    line-height:20px;
}
.mod-right .active .name{
    margin-left:0;
    display:inline-block;
}
.mod-right .active .rank{
    position:absolute;
    left:72px;
    top:25px;
    height:20px;
    line-height:20px;
}
.mod-right .active .type{
    position:absolute;
    left:72px;
    top:44px;
    height:20px;
    line-height:20px;
    display:inline-block;
}
.mod-right .active .score{
    position:relative;
    right:0;
}
/*
====================================================================
= varietyRank
====================================================================
*/
#varietyRank li{
    height:28px;
}
/*
====================================================================
= video
====================================================================
*/
#video{margin-bottom:5px;}
#videoResult .active a:hover b{
    position: absolute;
    width: 110px;
    height: 83px;
    background-color: black;
    left: 0;
    top: 0;
    z-index:5;
    cursor:pointer;
    filter:Alpha(Opacity=70);
    opacity: 0.7;
}
#videoResult .active .photo-bg{
    position: absolute;
    top:1px;
    left:1px;
    width:120px;
    height:93px;
    background-color:#dcdcdc;
}
#videoResult li .title{
    font-size:12px;
    height:32px;
    line-height:16px;
    width:120px;
    zoom:1;
}

#videoRank .bd li{
    height:35px;
    line-height:35px;
}
/*
#videoRank .top{
    top:5px;
}*/
/*
====================================================================
= images
====================================================================
*/
.mod .loading{
    background: url("../pics/loading.gif") no-repeat scroll center center #FFFFFF;
}
.paging .cur,
.paging a:hover,
.paging .pre,
.paging .next,
.paging .pre-init,
.paging .next-init,
.paging .pre:hover,
.paging .next:hover,
.mod-right .top,
.mod-right .top3,
.mod-right .asc,
.mod-right .desc,
.mod-right .equal,
.mod-right .online,
.shadow-top-place,
.shadow-bottom-place,
.big-star,
.big-star span,
.small-star,
.small-star span,
.vhd{
    background-image:url(../images/index/icon.png);
    background-repeat:no-repeat;
}
.left-edge,
.right-edge{
    background-image:url(../images/index/head.png);
    background-repeat:no-repeat;
}
#slide .tab{
    background-image:url(../images/index/tab.png);
    background-repeat:no-repeat;
}
#slide{
    background-image:url(../images/index/r_x.png);
    background-repeat:repeat-x;
}
#slide .inner-shadow{
    background:url(../images/index/blackmask.png) 0 0 no-repeat;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://shared.ydstatic.com/dao/video/5.3/images/index/blackmask.png", sizingMethod="crop");
}
.top-place,
.bottom-place{
    background-image:url(../images/index/fix.png);
    background-repeat:repeat-x;
}
#tvResult h3,
#movieResult h3,
#animeResult h3,
#varietyResult h3,
#videoResult h3,
#tvRank h3,
#movieRank h3,
#animeRank h3,
#varietyRank h3,
#videoRank h3{
    background-image:url(../images/index/title.png);
    background-repeat:no-repeat;
}
#slide .left-btn,
#slide .right-btn,
#slide .left-btn:hover,
#slide .right-btn:hover{
    background-image:url(../images/index/slide-btn.png);
    background-repeat:no-repeat;
}
#slide .left-btn{background-position:0 -39px;}
#slide .right-btn{background-position:0 0;}
#slide .left-btn:hover{background-position:0 -117px;}
#slide .right-btn:hover{background-position:0 -78px;}
#slide .shadow{background:url(../images/index/topbanner.png) 0 0 no-repeat;}
.middle-shadow{background:url(../images/index/mod_vertical.png) 0 0 no-repeat;}
.mod-right{background:url(../images/index/r_y.png) 0 0 repeat-y;}
.mod-right li{background:url(../images/index/r_y_1.png) 0 30px repeat-x;}
#movieRank li,#varietyRank li{background:url(../images/index/r_y_1.png) 0 28px repeat-x;}
.mod-right .active{background:url(../images/index/r_y_1.png) 0 77px repeat-x;}
#videoResult .active a:hover b{background:url(../images/index/icon.png) 0 -378px no-repeat;}
#videoRank .bd li{background: url(../images/index/r_y_1.png) 0 35px repeat-x;}
#slide .tab a.cur span{background:url(../images/index/topstar.png) 0 0 no-repeat;}
.slide-bottom-shadow{background: url(../images/index/slide-bottom-shadow.png) 0 0 no-repeat;}
.more-link{background:url(../images/index/more-btn.png) 0 0 no-repeat;}
/**/
.mod-right .tooltips .small-star{background-position: 0 -276px;}
.mod-right .tooltips .small-star span{background-position: 0 -299px;}

.big-star{background-position:0 -228px;}
.big-star span{background-position:0 -250px;}
.small-star{background-position:0 -273px;}
.mod-right .small-star{background-position:0 -323px;}
.mod-right .rank .small-star{
    margin-right:2px;
    position:relative;
    top:2px;
    *top:0;
}
.small-star span{background-position:0 -296px;}
.mod-right .small-star span{background-position:0 -351px;}
.top-place{background-position:0 0;}
.bottom-place{background-position:0 -18px;}

.shadow-top-place{background-position:0 -159px;}
.shadow-bottom-place{background-position:-17px -159px;}
#tvResult h3{background-position:0 0;}
#movieResult h3{background-position:0 -30px;}
#animeResult h3{background-position:0 -59px;}
#varietyResult h3{background-position:0 -89px;}
#videoResult h3{background-position:0 -119px;}
#tvRank h3,
#movieRank h3,
#animeRank h3,
#varietyRank h3{background-position:0 -150px;}
#videoRank h3{background-position:0 -181px;}
#slide{
    background-position:0 -28px;
}
#slide .tab{
    background-position:0 0;
}
.left-edge{background-position:0 0;}
.right-edge{background-position:-6px 0;}
/*
.left-btn{background-position:0 0;}
#slide .right-btn{background-position:-41px 0;}
#slide a.left-btn:hover{background-position:0 -51px;}
#slide a.right-btn:hover{background-position:-41px -51px;}
*/
.paging .cur,
.paging a:hover{
    background-position:-84px -98px;
}
.paging .pre,.paging .pre-init{background-position:-49px -159px;}
.paging .pre:hover{background-position:0 -98px;}
.paging .next,.paging .next-init{background-position:-87px -159px;}
.paging .next:hover{background-position:-41px -98px;}
.mod-right li .top{background-position:-86px -62px;}
.mod-right li .top3{background-position:-86px -31px;}
.mod-right .asc{background-position:0 -130px;}
.mod-right .desc{background-position:-17px -130px;}
.mod-right .equal{background-position:-34px -130px;}
.mod-right .online{background-position:-49px -130px;}
.vhd{
    background-position:-86px 0;
    text-indent:-9999px;
    cursor:pointer;
}

/* View More addedbyliaowl@2011/10/24 */
a.btn-viewmore{position:absolute;bottom:18px; left:610px;color:#808080;}