youku.com.css

.prd-list li dl dt {
    padding-right: 10px;
    color: #555;
}

.prd-list  li dl  dt > a {
    letter-spacing: 0;
}

.prd-list li dl dd a {
    margin-left: 7px
}

#m_223471 .yk-AD-sponsor,
#m_223493 .yk-AD-sponsor,
#m_223499 .yk-AD-sponsor,
#m_223818 .yk-AD-sponsor {
    right: 115px
}

.yk-recommend-wrap {
    display: none
}

#m_231708 > .mod {
    display: none
}

#m_223499 > .mod {
    margin: 0 0 20px 0;
}

#m_234502 > .mod {
    margin-right: 0
}

#m_234502 > .mod:after {
    border: none;
}
/**
 * @modified $Author: cyliu $
 * @version $Rev: e2e3d736828f49fbc83667bc2733d905fc661562 $
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0
}

body {
    color: #000;
    background: #fff;
    font: 13px/20px "Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif
}

th,td {
    text-align: left;
    vertical-align: top
}

h1,h2,h3,h4,h5,h6 {
    font-size: 1em;
    font-weight: 400
}

p {
    margin: 0 0 1em
}

blockquote {
    margin: 0 0 1em
}

a {
    color: #14647d;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

img {
    display: block;
    border: 0
}

li {
    list-style: none
}

ol {
    padding: 0 0 0 2em
}

input,label,select,option,textarea,button,fieldset,legend {
    font-size: 1em;
    font-family: inherit
}

input[type=text],textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline: 0
}

input.text {
    color: #444;
    border-color: #9f9f9f #dcdcdc #dcdcdc #9f9f9f;
    border-style: solid;
    border-width: 1px;
    padding: 3px 2px;
    height: 14px
}

input.radio,input.checkbox {
    margin-right: 2px;
    vertical-align: -2px
}

input.radio,input.checkbox {
    margin-left: -2px
}

label.radio,label.checkbox {
    margin-right: 5px
}

textarea {
    border-color: #9f9f9f #dcdcdc #dcdcdc #9f9f9f;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    resize: none
}

input::-ms-clear {
    display: none
}

.clearfix:after,.fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix,.fix {
    min-height: 1%
}

*html .clearfix,.fix {
    zoom: 1
}

.fix {
    display: block
}

.clearleft {
    clear: left
}

.tui-mask {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    filter: alpha(opacity=30);
    opacity: .3
}

.tui-dialog {
    background: #fff;
    position: absolute;
    top: -10000px;
    border: 1px solid #f1f3f7;
    border-radius: 2px;
    box-shadow: 0 3px 9px rgba(0,0,0,.3)
}

.tui-dialog .tui-dialog-content {
    width: 450px
}

.tui-dialog .tui-dialog-title {
    color: #5b5b5b;
    font-size: 14px;
    padding: 6px 0 0 22px
}

.tui-dialog .tui-dialog-close span {
    display: none
}

.tui-dialog .tui-dialog-close i {
    position: absolute;
    right: 6px;
    top: -3px;
    font-size: 30px;
    color: #ccc;
    line-height: 1em;
    font-style: normal
}

.tui-dialog .tui-dialog-body {
    padding: 22px
}

.tui-dialog .tui-dialog-footer {
    padding: 22px;
    text-align: right
}

.tui-dialog-alert .alert-text {
    padding: 22px
}

.g-login-dialog .tui-dialog-content {
    width: 540px
}

.g-login-dialog .tui-dialog-body {
    padding: 0;
    height: 473px
}

.g-login-dialog .tui-dialog-footer {
    display: none
}

@font-face {
    font-family:Lyh-Regular;src:url(/youku/dist/embed/fonts/Lyh-regular-webfont_f6b3cf9.eot);src:url(/youku/dist/embed/fonts/Lyh-regular-webfont_f6b3cf9.eot?#iefix) format("embedded-opentype"),url(/youku/dist/embed/fonts/Lyh-regular-webfont_8a13f2e.svg#tuiicon) format("svg"),url(/youku/dist/embed/fonts/Lyh-regular-webfont_5673da5.ttf) format("truetype"),url(/youku/dist/embed/fonts/Lyh-regular-webfont_d1a4d76.woff) format("woff");font-weight:400;font-style:normal
}

.iconfont {
    font-family: tuiicon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    vertical-align: baseline\9;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fr {
    float: right
}

.hide {
    display: none
}

.mr10 {
    margin-right: 10px
}

.mr1 {
    margin-right: 1px!important
}

.mr0 {
    margin-right: 0!important
}

.mb10 {
    margin-bottom: 10px
}

.mb16 {
    margin-bottom: 16px
}

.mb20 {
    margin-bottom: 20px
}

.nobd-b {
    border-bottom: 0!important
}

.lazyContent {
    width: 0;
    height: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    font-size: 0
}

.btn {
    display: inline-block
}

.sub-btn {
    display: inline-block;
    border-radius: 12px;
    color: #FFF;
    height: 24px;
    line-height: 24px;
    text-align: left
}

.sub-btn:hover {
    color: #FFF;
    background-color: #00a7e1
}

.sub-btn.sub-enter {
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    text-align: center;
    width: auto;
    background: #FFF;
    color: #2fb3ff;
    border: 1px solid #2fb3ff
}

.sub-btn.sub-enter:hover {
    background-color: #00a7e1;
    border: 1px solid #00a7e1;
    color: #FFF;
    cursor: pointer
}

.sub-action {
    padding-left: 26px;
    width: 38px;
    background: url(/youku/dist/img/find/g_0c02dfd.png) -178px -88px #2eb3ff no-repeat
}

.sub-action:hover {
    color: #FFF;
    background-color: #00a7e1
}

.g-subs-ani {
    position: absolute;
    z-index: 11011
}

.g-subs-ani img {
    border-radius: 100%;
    border: 2px solid #2fb3ff;
    width: 32px;
    height: 32px
}

.sub-done {
    padding-left: 20px;
    padding-right: 4px;
    width: 40px;
    background: url(/youku/dist/img/find/g_0c02dfd.png) -181px -148px #c8c8c9 no-repeat
}

.sub-done:hover {
    color: #FFF;
    background-color: #d2d2d2
}

.sub-done-hover {
    padding: 0;
    text-align: center;
    background: 0;
    background-color: #d2d2d2;
    width: 64px
}

.sub-done-loading {
    padding-left: 20px;
    padding-right: 4px;
    width: 40px;
    background: url(/youku/dist/img/find/g_0c02dfd.png) -181px -191px #c8c8c9 no-repeat;
    cursor: default
}

.sub-done-loading:hover {
    background-color: #c8c8c9
}

.sub-add-hover {
    padding-left: 26px;
    width: 38px;
    text-align: left;
    background: url(/youku/dist/img/find/g_0c02dfd.png) -178px -88px #30b3ff no-repeat
}

.sub-add-hover:hover {
    color: #FFF;
    background-color: #59c2ff
}

.tag-btn {
    display: inline-block;
    margin-bottom: 8px;
    border: 1px solid #e3e7e8;
    border-radius: 11px;
    line-height: 22px;
    padding: 0 10px;
    white-space: nowrap;
    color: #555
}

.tag-btn:hover {
    border: 1px solid #00a7e1;
    background: #00a7e1;
    color: #FFF
}

.mod_pslide {
    position: relative;
    overflow: hidden
}

.mod_pslide .mbtn {
    position: absolute;
    top: 120px;
    height: 64px;
    width: 32px;
    z-index: 11
}

.mod_pslide .mbtn a {
    display: block;
    width: 32px;
    height: 67px;
    background: url(/youku/dist/img/find/g_0c02dfd.png) 0 0 no-repeat;
    text-indent: -999px;
    overflow: hidden
}

.mod_pslide .mbtn a:focus {
    outline: 0
}

.mod_pslide .prev {
    display: none;
    left: 0
}

.mod_pslide .prev a {
    background-position: -35px -390px
}

.mod_pslide .prev a:hover {
    background-position: -35px -323px
}

.mod_pslide .next {
    right: 0
}

.mod_pslide .next a {
    background-position: 1px -390px
}

.mod_pslide .next a:hover {
    background-position: 1px -323px
}

.mod_pslide .panel {
    position: relative;
    width: 1000%;
    min-height: 170px;
    overflow: hidden;
    z-index: 1
}

.mod_pslide .panel .p-list {
    margin: 5px 0
}

.user-level dt,.user-level dd {
    float: left;
    height: 32px;
    line-height: 32px
}

.user-level dt {
    margin-right: 8px
}

.user-level dt img {
    height: 32px;
    width: 32px;
    border-radius: 50%
}

.user-level .u-name a {
    color: #2fb3ff;
    font-size: 13px
}

.user-level .u-name a:hover {
    color: #ff3c00
}

.user-level .u-name .ico-verify {
    display: inline-block;
    margin-left: 5px;
    height: 16px;
    width: 16px;
    vertical-align: text-bottom;
    background: url(/youku/dist/img/find/header_2663bc2.png) -131px -168px no-repeat
}

.user-level dd {
    margin-right: 12px
}

.user-level .u-desc {
    display: inline-block;
    max-width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #909090
}

.user-vertical {
    padding-top: 30px;
    text-align: center
}

.user-vertical dt a {
    display: inline-block
}

.user-vertical dt img {
    width: 84px;
    height: 84px;
    border: 2px solid #2fb3ff;
    border-radius: 50%
}

.user-vertical dd {
    margin: 0 auto;
    line-height: 16px;
    display: inline-block;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    height: 16px;
    color: #909090
}

.user-vertical .u-sub {
    margin: 10px auto 20px;
    overflow: visible
}

.user-vertical:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 8px 1px rgba(0,0,0,.12)
}

.user-level-num {
    position: relative
}

.user-level-num dd {
    float: left;
    height: 18px;
    line-height: 18px
}

.user-level-num dt {
    float: left;
    margin-right: 8px
}

.user-level-num dt img {
    height: 32px;
    width: 32px;
    border-radius: 50%
}

.user-level-num .u-name a {
    font-size: 13px
}

.user-level-num .u-name,.user-level-num .u-desc {
    width: 160px;
    display: inline-block;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.user-level-num .u-sub {
    position: absolute;
    right: 0;
    top: 5px
}

.user-level-num .u-num {
    display: block;
    clear: left;
    margin-top: 8px;
    height: 38px
}

.user-level-num .u-num span {
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 88px;
    border-right: 1px solid #f6f7fb;
    height: 36px;
    color: #acb4bb
}

.user-level-num .u-num span em {
    display: inline-block;
    padding-top: 5px;
    color: #555;
    font-size: 15px
}

.user-level-num .u-num span:last-child {
    margin-right: 0;
    border: 0
}

.c-item {
    margin-right: 18px;
    display: inline-block;
    width: 640px
}

.c-item .c-title {
    color: #909090;
    line-height: 63px;
    font-size: 13px
}

.c-item .c-title h2 {
    display: inline-block;
    margin-right: 10px;
    font-size: 20px;
    color: #2fb3ff;
    font-weight: 700
}

.c-item .c-body {
    height: 195px;
    background-color: #FFF;
    margin-bottom: 30px
}

.c-item .show-info {
    position: relative;
    height: 195px
}

.c-item .show-info .left {
    display: inline-block;
    width: 130px;
    height: 100%
}

.c-item .show-info .video {
    height: 100%;
    position: relative;
    overflow: hidden
}

.c-item .show-info .video img {
    width: 130px;
    height: 195px
}

.c-item .show-info .video:hover .video-bg,.c-item .show-info .video:hover .btn-play50 {
    display: block
}

.c-item .show-info .right {
    position: absolute;
    left: 148px;
    top: 0;
    height: 100%;
    width: 495px
}

.c-item .show-info .desc {
    padding-top: 10px;
    overflow: hidden
}

.c-item .show-info .desc p {
    float: left;
    display: block;
    margin-bottom: 5px;
    width: 240px;
    font-size: 13px;
    line-height: 30px;
    color: #909090;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.c-item .show-info .desc span {
    color: #555;
    cursor: default
}

.c-item .show-info .btn-play50 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: none;
    background: url(//yikan.youku.com/images/icons/5a3f1fa6.ico_play_small.png) no-repeat center
}

.c-item .video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    background: rgba(0,0,0,.7);
    display: none
}

.c-item .part-box {
    position: absolute;
    left: 0;
    bottom: 20px
}

.c-item .part-box>a {
    position: relative;
    float: left;
    width: 23px;
    height: 18px;
    padding: 13px 10px;
    margin: 0 1px 1px 0;
    color: #01a7e1;
    background-color: #f3fafe;
    text-align: center;
    font-size: 16px;
    font-family: arial;
    cursor: pointer
}

.c-item .part-box>a:hover {
    color: #FFF;
    background-color: #2eb3ff
}

.c-item .part-box>a:hover .ico-more {
    background: url(/youku/dist/img/find/g_0c02dfd.png) -140px 8px no-repeat
}

.c-item .part-box .new {
    background: url(/youku/dist/img/find/g_0c02dfd.png) -176px -174px no-repeat #f3fafe
}

.c-item .ico-more {
    display: inline-block;
    background: url(/youku/dist/img/find/g_0c02dfd.png) -140px -18px no-repeat;
    width: 20px;
    height: 20px
}

.c-item .relax-list li {
    float: left;
    width: 212px;
    margin-right: 1px;
    margin-bottom: 1px;
    background-color: #f3fafe
}

.c-item .relax-list li a {
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 8px;
    color: #00a7e1;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.c-item .relax-list li a:hover {
    color: #FFF;
    background-color: #2eb3ff
}

.c-item .relax-list li p {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.c-item .relax-more {
    position: absolute;
    left: 426px;
    top: 0;
    height: 100%;
    width: 43px;
    background-color: #f3fafe
}

.c-item .relax-more a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.c-item .relax-more a .ico-more {
    position: absolute;
    left: 10px;
    top: 41px;
    margin-top: -10px
}

.c-item .relax-more a:hover {
    color: #FFF;
    background-color: #2eb3ff
}

.c-item .relax-more a:hover .ico-more {
    background: url(/youku/dist/img/find/g_0c02dfd.png) -140px 8px no-repeat
}

[data-ajax] .h,.cmsmod .h {
    display: none
}

[data-ajax] .c,.cmsmod .c {
    min-height: 160px
}

.ajax-loading>.c,.ajax-loading .mod>.c {
    min-height: 160px;
    background: url(/youku/dist/img/find/loading_10c079a.gif) 50% 50% no-repeat transparent
}

.loading-done>.c {
    min-height: 160px;
    background: url(/youku/dist/img/find/loading-done_4012605.png) 50% 50% no-repeat transparent
}

.user-info-tip {
    display: none;
    position: absolute;
    padding: 16px 15px 15px;
    background: #FFF;
    width: 270px;
    border: 1px solid #dddee2;
    z-index: 10001;
    height: 103px
}

.user-info-tip .user-level {
    overflow: hidden;
    margin: 0 0 10px
}

.user-info-tip .user-level dt {
    height: 56px
}

.user-info-tip .user-level dt img {
    width: 56px;
    height: 56px
}

.user-info-tip .user-level dd {
    margin: 0;
    height: 20px;
    line-height: 20px
}

.user-info-tip .user-level .u-name {
    margin-top: 10px
}

.user-info-tip .user-level .u-name a {
    color: #555
}

.user-info-tip .user-level .u-desc {
    color: #909090
}

.user-info-tip .user-level .u-name,.user-info-tip .user-level .u-desc {
    float: none;
    display: inline-block;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.user-info-tip .user-level .u-sub {
    position: absolute;
    right: 15px;
    top: 35px
}

.user-info-tip ul {
    overflow: hidden;
    height: 40px
}

.user-info-tip ul li {
    float: left;
    margin-right: 10px;
    border-right: 1px solid #f6f7fb;
    height: 35px;
    color: #555;
    font-size: 15px
}

.user-info-tip ul li em {
    color: #909090;
    display: block;
    font-style: inherit;
    font-size: 12px
}

.user-info-tip ul li span {
    font-size: 12px
}

.user-info-tip ul .plays {
    width: 95px
}

.user-info-tip ul .follows {
    width: 85px
}

.user-info-tip ul .videos {
    border-right: 0;
    margin-right: 0
}

.user-info-tip .arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border-style: solid dashed dashed;
    border-color: #dddee2 transparent transparent;
    border-width: 8px 8px 0;
    bottom: -8px;
    left: 11px;
    z-index: 10
}

.user-info-tip .arrow i {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    border-width: 8px 8px 0;
    top: -9px;
    left: -8px
}

.user-info-tip.offset-right .arrow {
    left: 112px
}

.t_tab,.t_text {
    float: left;
    padding-right: 25px;
    margin-left: 20px;
    font-size: 0
}

.t_tab li,.t_text li {
    display: inline-block
}

.t_tab li a,.t_text li a {
    display: inline-block;
    height: 30px;
    margin-right: 2px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 13px;
    color: #555;
    border-radius: 2px
}

.t_tab li a:hover,.t_text li a:hover {
    color: #ff3c00
}

.t_tab li .yk-AD-sponsor {
    display: none!important
}

.t_tab li.current a,.t_tab li:hover a {
    background: #2fb3ff;
    color: #fff
}

.t_tab li.current .yk-AD-sponsor,.t_tab li:hover .yk-AD-sponsor {
    display: block!important
}

.table-mark {
    float: right;
    line-height: 16px;
    padding-left: 20px;
    margin-top: 10px;
    background: url(/youku/dist/img/find/g_0c02dfd.png) no-repeat -182px -22px
}

.table-mark li {
    margin-left: 5px;
    font-size: 13px;
    display: inline-block
}

.table-mark li a {
    color: #555
}

.table-mark li a:hover {
    color: #ff3c00
}

#NavSlide {
    position: relative;
    border: 1px solid #ebebeb;
    background: #FFF;
    padding: 13px 0;
    height: 84px
}

#NavSlide .mbtn {
    top: 0;
    width: 25px;
    height: 112px
}

#NavSlide .mbtn a {
    display: block;
    width: 25px;
    height: 67px;
    padding-top: 45px;
    background: 0;
    text-indent: 0
}

#NavSlide .mbtn a span {
    display: inline-block;
    background: url(/youku/dist/img/find/g_0c02dfd.png) 0 0 no-repeat;
    width: 13px;
    height: 23px
}

#NavSlide .prev {
    left: 0
}

#NavSlide .prev a span {
    margin-left: 9px;
    background-position: -16px -260px
}

#NavSlide .prev a:hover span {
    background-position: -16px -286px
}

#NavSlide .next {
    right: 0
}

#NavSlide .next a span {
    margin-left: 1px;
    background-position: 0 -260px
}

#NavSlide .next a:hover span {
    background-position: 0 -286px
}

#NavSlide .categorys-slide .panel {
    min-height: 74px
}

#NavSlide .categorys-slide li {
    float: left;
    width: 129px;
    height: 74px;
    padding-top: 10px;
    text-align: center;
    border-right: 1px solid #f6f6f6
}

#NavSlide .categorys-slide li a {
    display: block;
    position: relative;
    color: #555
}

#NavSlide .categorys-slide li a:hover {
    color: #ff3c00
}

#NavSlide .categorys-slide li a img {
    left: 50%;
    height: 40px;
    margin-left: -20px;
    margin: 0 auto 12px
}

.yk-col1,.yk-col2,.yk-col3,.yk-col4,.yk-col5,.yk-col6,.yk-col7,.yk-col8,.yk-col9,.yk-col10,.yk-col11,.yk-col12,.yk-col13,.yk-col14,.yk-col15,.yk-col16,.yk-col17,.yk-col18,.yk-col19,.yk-col20,.yk-col21,.yk-col22 {
    float: left;
    min-height: 1px;
    display: inline;
    margin-right: 20px
}

.yk-col22 {
    width: 1190px
}

.yk-col21 {
    width: 1135px
}

.yk-col20 {
    width: 1080px
}

.yk-col19 {
    width: 1025px
}

.yk-col18 {
    width: 970px
}

.yk-col17 {
    width: 915px
}

.yk-col16 {
    width: 860px
}

.yk-col15 {
    width: 805px
}

.yk-col14 {
    width: 750px
}

.yk-col13 {
    width: 695px
}

.yk-col12 {
    width: 640px
}

.yk-col11 {
    width: 585px
}

.yk-col10 {
    width: 530px
}

.yk-col9 {
    width: 475px
}

.yk-col8 {
    width: 420px
}

.yk-col7 {
    width: 365px
}

.yk-col6 {
    width: 310px
}

.yk-col5 {
    width: 255px
}

.yk-col4 {
    width: 200px
}

.yk-col3 {
    width: 145px
}

.yk-col2 {
    width: 90px
}

.yk-col1 {
    width: 35px
}

.w1080 .colx {
    display: none
}

.w1080 .yk-content {
    width: 1080px;
    padding-left: 20px;
    padding-right: 20px
}

.w860 .colx {
    display: none
}

.w860 .colxx {
    display: none
}

.w860 .yk-content {
    width: 860px
}

.yk-row {
    zoom: 1;
    display: block;
    min-height: 1%;
    *zoom: 1;
    *display: inline;
    *font-size: 0
}

.yk-row:after {
    font-size: 0;
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.yk-row:before,.yk-row:after {
    display: table;
    content: "";
    line-height: 0
}

.yk-row:after {
    clear: both
}

body {
    background-color: #f6f6f6
}

.mod {
    position: relative;
    margin-right: -20px
}

.mod:after {
    content: "";
    border-bottom: 1px solid #e3e7e8;
    height: 0;
    display: block;
    margin-right: 20px
}

.mod .h {
    position: relative
}

.mod .h h2,.mod .h h3 {
    float: left;
    margin-right: 10px;
    font-weight: 700
}

.mod .h h2,.mod .h h3,.mod .h h2>a,.mod .h h3>a {
    font-size: 20px;
    color: #2fb3ff;
    font-family: "Microsoft YaHei"
}

.mod .h>a,.mod .h>span {
    font-size: 13px;
    vertical-align: sub;
    color: #909090;
    font-weight: 400
}

.mod .c {
    padding-bottom: 30px
}

.mod .mod_pslide {
    margin-right: 20px
}

.mod .mod-icon {
    display: inline-block;
    margin: -5px 10px 0 0;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.mod.noline:after {
    border: 0
}

.mod.noline .c {
    padding-bottom: 15px
}

.yk-nav {
    margin-top: 20px
}

.yk-nav-main {
    height: 35px;
    line-height: 35px;
    border-bottom: 2px solid #e3e7e8
}

.yk-content {
    margin: 0 auto;
    padding-top: 10px;
    width: 1300px;
    *zoom: 1
}

.yk-content:after {
    content: '';
    display: table;
    clear: both
}

.yk-content .mod {
    margin-bottom: 10px
}

.yk-content .mod .h {
    padding: 14px 20px 14px 0;
    height: 30px;
    line-height: 30px
}

.yk-content .mod .h .right {
    float: right
}

.crumb {
    margin-bottom: 20px;
    padding: 7px 0 14px;
    *zoom: 1;
    font-size: 13px;
    border-bottom: 2px solid #e3e7e8
}

.crumb:after {
    content: '';
    display: table;
    clear: both
}

.crumb ul>li {
    float: left
}

.crumb .crumb-l {
    float: left
}

.crumb .crumb-l>li {
    margin-right: 20px
}

.crumb .crumb-r {
    float: right
}

.crumb .crumb-r>li {
    margin-left: 20px
}

.crumb,.crumb a {
    color: #555
}

.yk-row-sm .yk-col4 {
    width: 170px
}

.yk-row-sm .mbtn {
    top: 97px
}

.yk-row-sm .yk-pack .p-thumb img {
    width: 170px;
    height: 255px
}

.yk-row-sm .yk-pack .p-info {
    width: 150px
}

.yk-row-sm .pack-film .pos-bottom {
    top: 225px
}

.yk-row-sm .pack-film .p-thumb:hover+.pos-bottom {
    display: none
}

.pack-play-bg {
    background: url(/youku/dist/img/find/pack_hover_play3_871b12b.png) 50% 50% no-repeat
}

.yk-pack {
    position: relative;
    background-color: #FFF
}

.yk-pack .mt8 {
    margin-bottom: 8px
}

.yk-pack .hide {
    display: none
}

.yk-pack .p-thumb {
    position: relative;
    overflow: hidden;
    zoom: 1;
    line-height: 18px
}

.yk-pack .p-thumb .p-thumb-taglt {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0
}

.yk-pack .p-thumb .p-thumb-tagrt {
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0
}

.yk-pack .p-thumb a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 50;
    left: 0;
    top: 0;
    text-decoration: none;
    color: #FFF
}

.yk-pack .p-thumb .bg {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    z-index: 0;
    opacity: 1;
    -webkit-filter: none;
    filter: none;
    background: url(//i3.tdimg.com/b/20140108/co50.png) 0 bottom repeat-x;
    background: url(//r1.ykimg.com/05100000568B971867BC3D1EF902B599) 0 bottom repeat-x;
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//r1.ykimg.com/05100000568B971867BC3D1EF902B599')
}

.yk-pack .p-thumb img {
    width: 200px;
    height: 110px;
    overflow: hidden
}

.yk-pack .p-thumb .ico-lt {
    width: 64px;
    position: relative;
    color: #fff;
    background-color: #f9400f;
    font-size: 12px;
    line-height: 18px;
    left: -18px;
    top: 6px;
    text-align: center;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    display: block;
    display: none \9
}

@media screen and (min-width:0) {
    .yk-pack .p-thumb .ico-lt {
        display: block
    }
}

.yk-pack .p-thumb .ico-lt.ico-lg {
    left: -22px;
    top: 14px;
    width: 88px
}

.yk-pack .p-thumb .ico-hot,.yk-pack .p-thumb .ico-ispremiere,.yk-pack .p-thumb .ico-ischoice,.yk-pack .p-thumb .ico-issole,.yk-pack .p-thumb .ico-ismade,.yk-pack .p-thumb .ico-isproduct {
    display: inline-block;
    background: url(/youku/dist/img/find/g_0c02dfd.png) no-repeat;
    width: 43px;
    height: 43px;
    vertical-align: middle
}

.yk-pack .p-thumb .ico-hot {
    background-position: -113px -100px
}

.yk-pack .p-thumb .ico-ispremiere {
    background-position: -70px -100px
}

.yk-pack .p-thumb .ico-ischoice {
    background-position: -113px -186px
}

.yk-pack .p-thumb .ico-issole {
    background-position: -70px -186px
}

.yk-pack .p-thumb .ico-ismade {
    background-position: -70px -143px
}

.yk-pack .p-thumb .ico-isproduct {
    background-position: -113px -143px
}

.yk-pack .p-thumb .vip-free,.yk-pack .p-thumb .vip-ticket,.yk-pack .p-thumb .ico-1080p,.yk-pack .p-thumb .ico-SD,.yk-pack .p-thumb .ico-isvip {
    display: inline-block;
    background-color: #bb9b6a;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 5px;
    opacity: .95;
    margin-right: 10px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    line-height: 22px
}

.yk-pack .btn {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 13px;
    text-decoration: none;
    color: #FFF;
    border-radius: 2px
}

.yk-pack .btn-play {
    background-color: #2fb3ff
}

.yk-pack .btn-play:hover {
    background-color: #59c2ff
}

.yk-pack .btn-buy {
    background-color: #30b3ff
}

.yk-pack .btn-buy:hover {
    background-color: #59c2ff
}

.yk-pack .p-info {
    width: 180px;
    margin: 0 10px;
    color: #DEDEDE
}

.yk-pack .p-info li {
    white-space: nowrap;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.yk-pack .p-info .desc,.yk-pack .p-info .wrap-btn {
    display: none
}

.yk-pack .p-info .status {
    margin-bottom: 6px;
    overflow: visible
}

.yk-pack .p-info .score {
    position: absolute;
    bottom: 2px;
    right: 0;
    color: #ef3f22
}

.yk-pack .p-info .score .int {
    font-size: 20px
}

.yk-pack .p-info .score .samll {
    font-size: 12px;
    vertical-align: middle
}

.yk-pack .pos-bottom {
    position: absolute;
    bottom: 6px
}

.yk-pack .pos-bottom .caption a {
    color: #FFF;
    float: left
}

.yk-pack .caption {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.yk-pack .caption a {
    text-decoration: none;
    color: #FFF;
    font-size: 13px
}

.yk-pack .caption .ellipsis {
    float: left;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.yk-pack .has-episode .ellipsis {
    display: inline-block;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.yk-pack .tag {
    margin-top: -2px;
    display: inline-block;
    float: left;
    padding: 0 5px;
    line-height: 22px;
    color: #FFF;
    background-color: #01a2ac;
    border-radius: 2px;
    vertical-align: top;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-opacity: .9;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90)
}

.yk-pack .tag.red {
    background-color: #c72f00
}

.yk-pack .tag.blue {
    background-color: #006acd
}

.yk-pack .tag.gray {
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    filter: alpha(opacity=50)
}

.yk-pack .tag-blue {
    background-color: #006acd
}

.yk-pack .update {
    color: #2fb3ff
}

.yk-pack .icon-play {
    padding-left: 20px;
    background-image: url(/youku/dist/img/find/g_0c02dfd.png);
    background-position: -180px 0;
    background-repeat: no-repeat
}

.yk-pack .p-time {
    color: #FFF;
    position: relative;
    float: right!important;
    margin-top: 2px;
    height: 18px;
    line-height: 18px
}

.yk-pack .p-time .ibg {
    border-radius: 2px;
    position: absolute;
    display: block;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    z-index: 0
}

.yk-pack .p-time span {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    height: 18px;
    line-height: 18px;
    z-index: 10
}

.yk-pack .info-list {
    margin-top: 3px;
    padding: 5px 0 7px
}

.yk-pack .info-list li {
    padding: 0 10px;
    line-height: 14px
}

.yk-pack .info-list li:last-child {
    margin-bottom: 0
}

.yk-pack .info-list .title {
    height: 36px;
    line-height: 18px;
    overflow: hidden
}

.yk-pack .info-list .title a {
    font-size: 13px;
    color: #555
}

.yk-pack .info-list .title a:hover {
    color: #ff3c00
}

.yk-pack .info-list .title.short-title {
    height: 18px
}

.yk-pack .info-list .title.auto-height {
    height: auto;
    max-height: 36px
}

.yk-pack .info-list .subtitle {
    max-height: 14px;
    overflow: hidden
}

.yk-pack .info-list .user {
    border-top: 1px dotted #e1e1e1;
    padding: 10px 10px 0;
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 10px;
    min-height: 29px
}

.yk-pack .info-list .user .u-name a {
    font-size: 12px;
    color: #555
}

.yk-pack .info-list .user:hover .u-name a {
    color: #ff3c00
}

.yk-pack .info-list .user-level .u-name {
    margin-right: 0;
    display: inline-block;
    max-width: 145px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.yk-pack .info-list .num span {
    display: inline-block;
    padding-left: 20px;
    margin-right: 8px
}

.yk-pack .info-list .num .num-play,.yk-pack .info-list .num .num-comment,.yk-pack .info-list .num .num-user {
    margin-top: 2px
}

.yk-pack .info-list .num .num-play {
    background: url(/youku/dist/img/find/g_0c02dfd.png) -185px -134px no-repeat
}

.yk-pack .info-list .num .num-comment {
    padding-left: 23px;
    background: url(/youku/dist/img/find/g_0c02dfd.png) -182px -39px no-repeat
}

.yk-pack .info-list .num .num-user {
    background: url(/youku/dist/img/find/g_0c02dfd.png) -185px -214px no-repeat
}

.yk-pack .info-list .num .num-user a {
    color: #999
}

.yk-pack .info-list .num .num-user a:hover {
    color: #ff3c00
}

.yk-pack:hover .p-info .caption,.yk-pack:hover .p-info .desc,.yk-pack:hover .p-info .hide {
    height: 18px;
    line-height: 18px
}

.yk-pack:hover .p-info .ellipsis {
    max-width: 100%
}

.yk-pack:hover .p-info .desc,.yk-pack:hover .p-info .wrap-btn {
    display: block
}

.yk-pack:hover .p-info .wrap-btn {
    height: 28px
}

.yk-pack:hover .p-info .hide {
    display: block
}

.yk-pack:hover .p-thumb-taglt,.yk-pack:hover .p-thumb-tagrt {
    display: none
}

.yk-pack .user-level dt img {
    margin-top: 2px;
    width: 25px;
    height: 25px
}

.yk-packs .p-info .status {
    margin-bottom: 2px
}

.yk-packs .p-time {
    margin-top: 1px
}

.yk-packs .p-time span {
    padding: 0
}

.yk-packs .p-time .ibg {
    background: 0
}

.yk-packs .p-info li.subtitle {
    height: 16px;
    line-height: 16px;
    margin-bottom: 2px
}

.yk-packs .p-info li.subtitle .p-time {
    margin-top: -1px
}

.yk-packs .p-info li.subtitle .p-time span {
    line-height: 16px
}

.yk-packs:hover .p-thumb .bg {
    display: block;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70)
}

.yk-packs:hover .p-info {
    color: #bbb
}

.yk-packs:hover .p-info .hover-hide {
    display: none
}

.yk-packs:hover .p-info li.subtitle {
    height: 20px;
    line-height: 20px;
    margin-bottom: 0
}

.yk-packs:hover .pos-bottom {
    position: absolute;
    bottom: 0;
    height: 102px;
    padding-top: 8px
}

.yk-packs:hover .pos-bottom .hide {
    display: block
}

.yk-packs:hover .pos-bottom .caption {
    white-space: initial;
    height: initial;
    max-height: 36px
}

.yk-packs:hover .pos-bottom .wrap-btn {
    position: absolute;
    margin: 0;
    bottom: 10px;
    overflow: visible;
    z-index: 51
}

.yk-packs:hover .ad-support {
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 24px;
    z-index: 55
}

.yk-packs:hover .ad-support.hide {
    display: block
}

.pack-m .p-thumb img {
    height: 221px
}

.pack-m .p-info {
    display: none
}

.p-list {
    color: #999
}

.p-list .p-thumb .bg {
    display: none
}

.p-list .p-thumb:hover+.pos-bottom {
    display: none
}

.p-list .p-thumb:hover .bg {
    display: block;
    background: #000;
    opacity: .35;
    filter: alpha(opacity=35)
}

.p-list .p-thumb:hover .p-thumb-taglt,.p-list .p-thumb:hover .p-thumb-tagrt {
    display: none
}

.p-list li {
    margin-bottom: 4px
}

.p-list .pos-bottom {
    bottom: none;
    top: 80px;
    height: 20px
}

.p-list .p-thumb:hover a {
    background: url(/youku/dist/img/find/pack_hover_play3_871b12b.png) 50% 50% no-repeat
}

.p-list.p-large .p-thumb:hover a {
    background: url(/youku/dist/img/find/pack_hover_play3_big_851c550.png) 50% 50% no-repeat
}

.p-list:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 8px 1px rgba(0,0,0,.12)
}

.p-big {
    color: #909090;
    width: 290px
}

.p-big .p-thumb img {
    width: 290px;
    height: 163px
}

.p-big .info-list {
    border: 0
}

.p-big .info-list .title {
    height: 20px;
    display: inline-block;
    max-width: 270px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.p-big .p-info {
    width: 270px
}

.p-big li {
    margin-bottom: 3px
}

.p-big .pos-bottom {
    bottom: none;
    top: 135px;
    height: 20px
}

.p-big:hover .p-thumb a {
    background: url(/youku/dist/img/find/pack_hover_play3_871b12b.png) 50% 50% no-repeat
}

.pack-large {
    width: 420px
}

.pack-large:hover .p-thumb .p-thumb-taglt,.pack-large:hover .p-thumb .p-thumb-tagrt {
    display: block
}

.pack-large:hover .p-thumb .bg {
    display: block;
    height: 110px
}

.pack-large:hover .pos-bottom li {
    margin-bottom: 0
}

.pack-large .p-thumb img {
    width: 420px;
    height: 240px
}

.pack-large .p-info {
    width: 400px
}

.pack-large .p-info .caption a {
    font-size: 16px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pack-large .has-episode .ellipsis {
    display: inline-block;
    max-width: 340px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.p-large {
    width: 420px
}

.p-large .p-thumb {
    height: 280px
}

.p-large .p-thumb img {
    height: 280px;
    width: auto
}

.p-large .p-thumb:hover .bg {
    height: 280px
}

.p-large .p-info {
    width: 400px;
    top: 250px
}

.pack-film {
}

.pack-film .p-thumb img {
    height: 300px
}

.pack-film .p-thumb:hover a {
    background: url(/youku/dist/img/find/pack_hover_play3_871b12b.png) 50% 50% no-repeat
}

.pack-film .pos-bottom {
    height: 20px;
    bottom: none;
    top: 268px
}

.pack-film .info-list {
    padding: 5px 5px 5px 0
}

.pack-film .info-list .title {
    height: 18px;
    line-height: 18px;
    overflow: hidden
}

.pack-film-cover:hover .p-thumb .p-thumb-taglt,.pack-film-cover:hover .p-thumb .p-thumb-tagrt {
    display: block
}

.pack-film-cover:hover .bg {
    height: 100px
}

.pack-film-cover:hover .pos-bottom {
    position: absolute;
    height: 92px
}

.pack-film-cover:hover .pos-bottom .score {
    bottom: 5px
}

.pack-film-cover:hover .pos-bottom .caption {
    white-space: nowrap
}

.pack-film-cover:hover .pos-bottom li {
    line-height: 18px
}

.pack-film-cover:hover .pos-bottom .wrap-btn {
    overflow: visible;
    z-index: 51
}

.pack-film-cover:hover .pos-bottom .subtitle {
    padding-right: 0;
    height: 18px
}

.pack-film-cover .p-thumb .bg {
    height: 100px;
    bottom: 0;
    left: 0;
    background: url(//static.youku.com/index/img/2013/video/bg_video_small.png) no-repeat left bottom;
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//static.youku.com/index/img/2013/video/bg_video_small.png", sizingMethod=crop)
}

.pack-film-cover .p-thumb img {
    height: 300px
}

.pack-film-cover .pos-bottom {
    bottom: 6px
}

.pack-film-cover .pos-bottom .subtitle {
    padding-right: 35px
}

.pack-allo {
    position: absolute;
    left: 0;
    bottom: 1px
}

.w1080 .yk-AD-tong {
    width: 1080px
}

.w1080 .yk-AD-tong>.ad-inner {
    margin-left: -110px
}

.w1080 .yk-AD-tong>.ad-inner .ad-slide {
    margin-left: 110px
}

.w1080 .yk-AD-tong .ad-flag {
    left: 120px
}

[data-adid].ad-inner {
    overflow: hidden;
    position: relative;
    text-align: center
}

[data-adid].ad-inner .mod {
    margin: 0;
    position: relative;
    line-height: 1px
}

[data-adid].ad-inner .mod div {
    line-height: 1px
}

[data-adid].ad-inner .mod a {
    line-height: 20px
}

[data-adid].ad-inner .mod>a {
    line-height: 1px
}

[data-adid].ad-inner .mod:after {
    border: 0
}

[data-adid] .ad-slide .mod_pslide .mbtn {
    display: none;
    top: 25px
}

[data-adid] .ad-slide .mod_pslide .panel {
    min-height: 110px
}

[data-adid] .ad-slide .mod_pslide .panel .p-list {
    margin: 0
}

[data-adid] .ad-slide .p-list .p-thumb {
    height: 110px
}

[data-adid] .ad-slide .p-list .p-thumb:hover a {
    background: 0
}

[data-adid] .ad-slide .p-list .p-thumb:hover .bg {
    visibility: hidden
}

[data-adid] .ad-slide .info-list .title {
    height: 20px
}

.yk-logo .mod {
    margin: 0;
    position: relative;
    line-height: 1px
}

.yk-logo .mod:after {
    border: 0
}

.yk-AD-420x110 {
    width: 420px;
    height: 110px
}

.yk-AD-310x110 {
    height: 110px
}

.yk-AD-adfocus {
    width: 200px;
    height: 240px
}

.yk-AD-adfocus .abfocus_box .flash-cover {
    display: none
}

.yk-AD-adfocus .abfocus_box:hover .flash-cover {
    display: block
}

.yk-AD-adfocus .ad-flag {
    bottom: 25px
}

.yk-AD-sponsor {
    position: absolute;
    right: 20px;
    top: 15px;
    max-height: 60px;
    margin-top: -13px
}

.yk-AD-sponsor [data-adid] .mod a {
    padding: 0;
    height: 40px;
    background: 0;
    margin-right: 0
}

.yk-AD-tong {
    width: 1300px;
    overflow: hidden
}

.yk-AD-tong .mod {
    margin-top: 20px!important
}

.yk-AD-tong .ad-slide {
    margin-right: -20px
}

.white {
    color: #fff
}

.ad-flag {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 34px;
    height: 22px;
    background: url(//r1.ykimg.com/051000005706281767BC3D6B02029665) no-repeat 0 0;
    z-index: 99
}

.ad-slide .ad-flag,.yk-AD-sponsor .ad-flag,.yk-logo .ad-flag {
    display: none
}

.pad-view #ab_501 {
    display: none!important
}

.side-bar {
    position: fixed;
    bottom: 12px;
    right: 10px;
    z-index: 999;
    color: #fff;
    padding-bottom: 65px;
    min-width: 50px
}

.side-bar div {
    text-align: center
}

.side-bar #goTop {
    display: none;
    min-width: 29px;
    height: 65px;
    cursor: pointer;
    position: absolute;
    width: 100%
}

.side-bar #goTop img {
    display: inline-block
}

.side-bar .feedback {
    margin-bottom: 15px
}

.side-bar .feedback a {
    display: block;
    width: 53px;
    height: 57px;
    background: url(/youku/dist/img/find/feedback_826bbb1.png) no-repeat 0 0
}

.side-bar .feedback a:hover {
    background-position: -60px 0
}

.user-grade-icon {
    display: block;
    width: 22px;
    height: 16px;
    background-image: url(//static.youku.com/lvip/img/rank/rank-icons.png);
    background-repeat: no-repeat;
    vertical-align: middle
}

.user-grade-lv1 {
    background-position: 0 0
}

.user-grade-lv2 {
    background-position: 0 -16px
}

.user-grade-lv3 {
    background-position: 0 -32px
}

.user-grade-lv4 {
    background-position: 0 -48px
}

.user-grade-lv5 {
    background-position: 0 -64px
}

.user-grade-lv6 {
    background-position: 0 -80px
}

.user-grade-lv7 {
    background-position: 0 -96px
}

.user-grade-lv8 {
    background-position: 0 -112px
}

.user-grade-lv9 {
    background-position: 0 -128px
}

.user-grade-lv10 {
    background-position: 0 -144px
}

.user-grade-lv11 {
    background-position: 0 -160px
}

.user-grade-lv12 {
    background-position: 0 -176px
}

.user-grade-lv13 {
    background-position: 0 -192px
}

.user-grade-lv14 {
    background-position: 0 -208px
}

.user-grade-lv15 {
    background-position: 0 -224px
}

.user-grade-lv16 {
    background-position: 0 -240px
}

.user-grade-lv17 {
    background-position: 0 -256px
}

.user-grade-lv18 {
    background-position: 0 -272px
}

.user-grade-lv19 {
    background-position: 0 -288px
}

.user-grade-lv20 {
    background-position: 0 -304px
}

.user-grade-lv21 {
    background-position: 0 -320px
}

.user-grade-lv22 {
    background-position: 0 -336px
}

.user-grade-lv23 {
    background-position: 0 -352px
}

.user-grade-lv24 {
    background-position: 0 -368px
}

.user-grade-lv25 {
    background-position: 0 -384px
}

.user-grade-lv26 {
    background-position: 0 -400px
}

.user-grade-lv27 {
    background-position: 0 -416px
}

.user-grade-lv28 {
    background-position: 0 -432px
}

.user-grade-lv29 {
    background-position: 0 -448px
}

.user-grade-lv30 {
    background-position: 0 -464px
}

.user-grade-lv31 {
    background-position: 0 -480px
}

.user-grade-lv32 {
    background-position: 0 -496px
}

.user-grade-lv33 {
    background-position: 0 -512px
}

.user-grade-lv34 {
    background-position: 0 -528px
}

.user-grade-lv35 {
    background-position: 0 -544px
}

.user-grade-lv36 {
    background-position: 0 -560px
}

.user-grade-lv37 {
    background-position: 0 -576px
}

.user-grade-lv38 {
    background-position: 0 -592px
}

.user-grade-lv39 {
    background-position: 0 -608px
}

.user-grade-lv40 {
    background-position: 0 -624px
}

.user-grade-lv41 {
    background-position: 0 -640px
}

.user-grade-lv42 {
    background-position: 0 -656px
}

.user-grade-lv43 {
    background-position: 0 -672px
}

.user-grade-lv44 {
    background-position: 0 -688px
}

.user-grade-lv45 {
    background-position: 0 -704px
}

.user-grade-lv46 {
    background-position: 0 -720px
}

.user-grade-lv47 {
    background-position: 0 -736px
}

.user-grade-lv48 {
    background-position: 0 -752px
}

.user-grade-lv49 {
    background-position: 0 -768px
}

.user-grade-lv50 {
    background-position: 0 -784px
}

.user-grade-lv51 {
    background-position: 0 -800px
}

.user-grade-lv52 {
    background-position: 0 -816px
}

.user-grade-lv53 {
    background-position: 0 -832px
}

.user-grade-lv54 {
    background-position: 0 -848px
}

.user-grade-lv55 {
    background-position: 0 -864px
}

.user-grade-lv56 {
    background-position: 0 -880px
}

.user-grade-lv57 {
    background-position: 0 -896px
}

.user-grade-lv58 {
    background-position: 0 -912px
}

.user-grade-lv59 {
    background-position: 0 -928px
}

.user-grade-lv60 {
    background-position: 0 -944px
}

.user-grade-lv61 {
    background-position: 0 -960px
}

.user-grade-lv62 {
    background-position: 0 -976px
}

.user-grade-lv63 {
    background-position: 0 -992px
}

.user-grade-lv64 {
    background-position: 0 -1008px
}

.user-grade-lv65 {
    background-position: 0 -1024px
}

.user-grade-lv66 {
    background-position: 0 -1040px
}

.user-grade-lv67 {
    background-position: 0 -1056px
}

.user-grade-lv68 {
    background-position: 0 -1072px
}

.user-grade-lv69 {
    background-position: 0 -1088px
}

.user-grade-lv70 {
    background-position: 0 -1104px
}

.user-grade-lv71 {
    background-position: 0 -1120px
}

.user-grade-lv72 {
    background-position: 0 -1136px
}

.user-grade-lv73 {
    background-position: 0 -1152px
}

.user-grade-lv74 {
    background-position: 0 -1168px
}

.user-grade-lv75 {
    background-position: 0 -1184px
}

.user-grade-lv76 {
    background-position: 0 -1200px
}

.user-grade-lv77 {
    background-position: 0 -1216px
}

.user-grade-lv78 {
    background-position: 0 -1232px
}

.user-grade-lv79 {
    background-position: 0 -1248px
}

.user-grade-lv80 {
    background-position: 0 -1264px
}

.user-grade-lv81 {
    background-position: 0 -1280px
}

.user-grade-lv82 {
    background-position: 0 -1296px
}

.user-grade-lv83 {
    background-position: 0 -1312px
}

.user-grade-lv84 {
    background-position: 0 -1328px
}

.user-grade-lv85 {
    background-position: 0 -1344px
}

.user-grade-lv86 {
    background-position: 0 -1360px
}

.user-grade-lv87 {
    background-position: 0 -1376px
}

.user-grade-lv88 {
    background-position: 0 -1392px
}

.user-grade-lv89 {
    background-position: 0 -1408px
}

.user-grade-lv90 {
    background-position: 0 -1424px
}

.user-grade-lv91 {
    background-position: 0 -1440px
}

.user-grade-lv92 {
    background-position: 0 -1456px
}

.user-grade-lv93 {
    background-position: 0 -1472px
}

.user-grade-lv94 {
    background-position: 0 -1488px
}

.user-grade-lv95 {
    background-position: 0 -1504px
}

.user-grade-lv96 {
    background-position: 0 -1520px
}

.user-grade-lv97 {
    background-position: 0 -1536px
}

.user-grade-lv98 {
    background-position: 0 -1552px
}

.user-grade-lv99 {
    background-position: 0 -1568px
}

.user-grade-lv100 {
    background-position: 0 -1584px;
    width: 24px
}

.vip-level-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    background-image: url(//static.youku.com/lvip/img/rank/vip-level-icons.png);
    background-repeat: no-repeat
}

.vip-level-icon.level-lvip1 {
    background-position: 0 0
}

.vip-level-icon.level-lvip2 {
    background-position: 0 -16px
}

.vip-level-icon.level-lvip3 {
    background-position: 0 -32px
}

.vip-level-icon.level-lvip4 {
    background-position: 0 -48px
}

.vip-level-icon.level-lvip5 {
    background-position: 0 -64px
}

.vip-level-icon.level-lvip6 {
    background-position: 0 -80px
}

.vip-level-icon.level-lvip7 {
    background-position: 0 -96px
}

.vip-level-icon.level-vip1 {
    background-position: 0 -112px
}

.vip-level-icon.level-vip2 {
    background-position: 0 -128px
}

.vip-level-icon.level-vip3 {
    background-position: 0 -144px
}

.vip-level-icon.level-vip4 {
    background-position: 0 -160px
}

.vip-level-icon.level-vip5 {
    background-position: 0 -176px
}

.vip-level-icon.level-vip6 {
    background-position: 0 -192px
}

.vip-level-icon.level-vip7 {
    background-position: 0 -208px
}

.vip-level-icon.level-annual {
    width: 35px
}

.vip-level-icon.level-expired1 {
    background-position: 0 -224px
}

.vip-level-icon.level-expired2 {
    background-position: 0 -240px
}

.vip-level-icon.level-expired3 {
    background-position: 0 -256px
}

.vip-level-icon.level-expired4 {
    background-position: 0 -272px
}

.vip-level-icon.level-expired5 {
    background-position: 0 -288px
}

.vip-level-icon.level-expired6 {
    background-position: 0 -304px
}

.vip-level-icon.level-expired7 {
    background-position: 0 -320px
}

.w1080 .g-so {
    margin-left: 20px;
    float: right;
    width: 349px
}

.w1080 .g-so .g-so-box input {
    width: 220px
}

.w1080 .g-so .sk_box {
    width: 349px;
    left: -1px
}

.w1080 .g-so .sk_box .main {
    width: 341px
}

.w1080 .g-so .sk_box .extend .play {
    display: none
}

.w1080 .g-so .sk_box .user .play {
    display: none
}

.w1080 .g-so .sk_box .dir .info {
    width: 270px
}

.w1080 .g-so .sk_box .extend .info {
    width: 170px
}

.w1080 .g-so .sk_box .info .ico {
    display: none
}

.w1080 .g-so .sk_box #_xbox_ad {
    display: none
}

.w1080 .g-box .yk-logo {
    margin-right: 80px
}

.w1080 .g-top-nav li {
    margin-right: 12px
}

.w1080 .g-top-nav li a {
    font-size: 13px
}

.w1080 .g-top-nav .response-nav {
    display: none
}

.w1080 .g-top-nav .g-content {
    width: 1120px
}

.w1080 .g-sub-nav .g-content,.w1080 .g-sub-live-nav .g-content {
    width: 1080px
}

.w1080 .top-nav-more .response-nav {
    display: block
}

.w1080 .g-adpad {
    margin: 0 auto;
    background-size: 1200px 80px
}

.w1080 .g-adpad a {
    width: 1080px!important
}

.g-content {
    margin: 0 auto!important;
    *zoom: 1
}

.g-content:after {
    content: '';
    display: table;
    clear: both
}

.g-so {
    position: absolute;
    right: 10px;
    width: 448px;
    height: 38px;
    z-index: 1080;
    border-radius: 2px;
    border: 1px solid #2fb3ff
}

.g-so .sk_box {
    left: -1px
}

.g-so .icon-search {
    display: inline-block;
    position: absolute;
    left: 11px;
    top: 11px;
    width: 16px;
    height: 16px;
    background: url(/youku/dist/img/find/header_2663bc2.png) -133px -189px no-repeat
}

.g-so .g-so-box {
    width: 460px
}

.g-so .g-so-box input {
    float: left;
    width: 320px;
    height: 20px;
    margin: 0;
    padding: 9px 12px 9px 38px;
    outline: 0 none;
    vertical-align: middle;
    line-height: 20px;
    font-size: 14px;
    color: #555;
    border: 0;
    background: #fff
}

.g-so .g-so-box button {
    position: absolute;
    width: 80px;
    height: 40px;
    line-height: 40px;
    top: -1px;
    right: -1px;
    color: #FFF;
    text-align: center;
    border: 0;
    font-size: 13px;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    background: url(/youku/dist/img/find/header_2663bc2.png) 0 -315px #2fb3ff no-repeat;
    outline: 0;
    cursor: pointer
}

.g-so .g-so-box .rankq {
    width: 20px;
    height: 38px;
    position: absolute;
    top: 0;
    right: 88px;
    z-index: 2;
    background: url(//r1.ykimg.com/0510000056C3F4D767BC3D1F8D09775A) no-repeat left center
}

.g-header-fixed .g-header-container {
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11010;
    background-color: #FFF;
    border-bottom: 1px solid #e3e7e8
}

.g-header {
    width: 100%;
    min-width: 990px;
    background: #fff;
    height: 81px
}

.g-header a:hover {
    color: #ff3c00
}

.g-header .g-header-container {
    padding-top: 21px;
    height: 60px
}

.g-header .g-header-container .mask {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 81px;
    border: 0;
    background: #fff
}

.g-header .g-box {
    z-index: 1290;
    position: relative;
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1440px;
    min-width: 1200px;
    height: 60px
}

.g-header .yk-logo {
    position: relative;
    float: left;
    margin-right: 90px;
    padding-left: 20px;
    height: 50px;
    background: #fff;
    min-width: 145px
}

.g-header .g-head-center {
    background-color: #FFF
}

.g-header .icon-warn {
    display: inline-block;
    width: 8px;
    height: 8px;
    font-size: 0;
    background: url(/youku/dist/img/find/header_2663bc2.png) -130px 0 no-repeat
}

.g-header .g-head-nav {
    float: left;
    margin-right: 27px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px
}

.g-header .g-head-nav li {
    float: left;
    height: 38px;
    line-height: 38px;
    margin-right: -1px
}

.g-header .g-head-nav li:first-child a {
    border-radius: 2px 0 0 2px
}

.g-header .g-head-nav li:last-child a {
    border-radius: 0 2px 2px 0
}

.g-header .g-head-nav li .current {
    color: #FFF;
    padding: 0 19px;
    height: 40px;
    line-height: 42px;
    border: 0;
    border-right: 0;
    background-color: #2fb3ff
}

.g-header .g-head-nav li .current:hover {
    color: #FFF
}

.g-header .g-head-nav li a {
    position: relative;
    display: block;
    color: #2fb3ff;
    padding: 0 18px;
    height: 38px;
    line-height: 40px;
    font-size: 13px;
    text-decoration: none;
    border: 1px solid #2fb3ff;
    zoom: 1
}

.g-header .g-head-nav li a:hover {
    color: #ff3c00
}

.g-header .g-head-nav li .last {
    border-right: 0
}

.g-header .icon-warn {
    position: absolute;
    top: 4px;
    right: 8px
}

.g-header .g-ucenter {
    float: left
}

.g-header .ico-user-l2,.g-header .ico-upload-l2,.g-header .ico-notifications-l2,.g-header .ico-urecord {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: -2px;
    margin-top: -2px;
    background: url(/youku/dist/img/find/header_2663bc2.png) no-repeat;
    vertical-align: middle
}

#qheader_login {
    margin-right: 15px
}

#qheader_reg {
    margin-right: 10px
}

.yk-has-nav {
    height: 135px
}

.yk-has-nav .g-top-nav {
    display: block
}

.yk-has-adpad {
    height: 202px;
    background: 0
}

.hide-top-nav .g-top-nav {
    display: none
}

.top-nav-bd .g-top-nav {
    border-bottom: 2px solid #e3e7e8
}

.g-top-nav {
    height: 51px;
    padding-top: 1px;
    border-top: 1px solid #e3e7e8;
    border-bottom: 1px solid #e3e7e8;
    background-color: #FFF;
    color: #555
}

.g-top-nav .g-content {
    max-width: 1340px;
    width: 1340px;
    position: relative
}

.g-top-nav a {
    color: #555
}

.g-top-nav .top-nav-main {
    float: left;
    padding-left: 15px
}

.g-top-nav .top-nav-main li {
    margin-right: 6px;
    float: left;
    height: 51px;
    position: relative
}

.g-top-nav .top-nav-main li a {
    padding: 0 5px;
    font-size: 14px;
    display: block;
    line-height: 50px
}

.g-top-nav .top-nav-main li .ico-hot-nav {
    width: 22px;
    height: 11px;
    position: absolute;
    top: 4px;
    right: 2px;
    background: url(/youku/dist/img/find/g_0c02dfd.png) no-repeat -70px -35px
}

.g-top-nav .top-nav-right {
    position: absolute;
    right: 0;
    top: 0
}

.g-top-nav .g-nav-appdown,.g-top-nav .top-nav-more {
    float: right;
    position: relative;
    width: 80px;
    height: 51px;
    line-height: 50px;
    font-size: 14px;
    text-align: center
}

.g-top-nav .g-nav-appdown .caret,.g-top-nav .top-nav-more .caret {
    overflow: hidden;
    display: inline-block;
    width: 9px;
    height: 5px;
    text-align: left;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    background: url(/youku/dist/img/find/header_2663bc2.png) -60px 0 no-repeat;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -ms-transition: transform .3s ease-in
}

.g-top-nav .g-nav-appdown:hover .caret,.g-top-nav .top-nav-more:hover .caret {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(0)
}

.g-top-nav .g-nav-appdown:hover ul,.g-top-nav .top-nav-more:hover ul {
    display: block
}

.g-top-nav .g-nav-appdown ul,.g-top-nav .top-nav-more ul {
    display: none;
    position: absolute;
    padding: 12px 0;
    left: -19px;
    width: 100px;
    background: #FFF;
    border: solid 1px #ebebeb;
    box-shadow: 4px 7px 16px rgba(0,0,0,.32)
}

.g-top-nav .g-nav-appdown .arrow,.g-top-nav .top-nav-more .arrow {
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 8px;
    left: 46px;
    top: -8px;
    background: url(/youku/dist/img/find/header_2663bc2.png) -112px 0 no-repeat
}

.g-top-nav .g-nav-appdown ul {
    width: 345px;
    padding: 0;
    left: -267px
}

.g-top-nav .g-nav-appdown ul li {
    margin: 0
}

.g-top-nav .g-nav-appdown ul .arrow {
    left: 299px
}

.g-top-nav .g-nav-app-intro {
    margin: 20px 0;
    text-align: center;
    overflow: hidden
}

.g-top-nav .g-nav-app-intro img {
    margin-top: 2px;
    display: inline-block;
    vertical-align: middle
}

.g-top-nav .g-nav-app-intro .g-nav-app {
    float: left;
    width: 172px;
    border-right: 1px solid #ededed
}

.g-top-nav .g-nav-app-intro .g-nav-iku {
    float: left;
    width: 172px
}

.g-top-nav .g-nav-app-intro h3 {
    font-size: 13px;
    line-height: 20px;
    margin: 6px 0 0
}

.g-top-nav .g-nav-app-intro span {
    font-size: 12px;
    line-height: 20px;
    display: block;
    color: #909090
}

.g-top-nav .g-nav-app-intro .g-nav-app-btn {
    display: inline-block;
    padding: 0;
    font-size: 12px;
    line-height: 26px;
    color: #fff;
    background-color: #2fb3ff;
    min-width: 83px;
    zoom: 1;
    border-radius: 2px;
    margin-top: 10px
}

.g-top-nav .top-nav-more {
    float: left;
    width: 52px
}

.g-top-nav .top-nav-more ul li {
    height: 30px;
    line-height: 30px
}

.g-top-nav .top-nav-more ul li.current>a {
    line-height: 30px;
    border: 0
}

.g-top-nav .top-nav-more ul a {
    display: block;
    padding-left: 20px;
    text-align: left;
    font-size: 14px
}

.g-top-nav .current a {
    color: #2fb3ff;
    border-bottom: 2px solid #2fb3ff;
    line-height: 49px
}

.g-sub-nav {
    padding: 0 10px;
    line-height: 13px;
    font-size: 13px
}

.g-sub-nav .g-content {
    width: 1300px
}

.g-sub-nav li {
    float: left;
    margin: 20px 12px 0 0;
    position: relative
}

.g-sub-nav li.current a,.g-sub-nav li.current a:hover {
    color: #2fb3ff
}

.g-sub-nav li a {
    color: #555;
    text-decoration: none;
    line-height: 13px;
    font-size: 13px
}

.g-sub-nav li a:hover {
    color: #ff3c00
}

.g-sub-nav li i {
    width: 22px;
    height: 11px;
    position: absolute;
    top: -13px;
    right: 0;
    background: url(/youku/dist/img/find/g_0c02dfd.png) no-repeat -70px -19px
}

.g-sub-nav li .ico-new {
    background-position: -70px -19px
}

.g-sub-nav li .ico-hot-nav {
    background-position: -70px -35px
}

.g-ucenter .panel,.g-view .panel {
    display: none;
    position: absolute;
    border: solid 1px #ebebeb;
    top: 60px;
    background-color: #FFF;
    box-shadow: 4px 7px 16px rgba(0,0,0,.32)
}

.g-ucenter .panel .arrow,.g-view .panel .arrow {
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 8px;
    left: 173px;
    top: -8px;
    background: url(/youku/dist/img/find/header_2663bc2.png) -112px 0 no-repeat
}

.g-header .g-view {
    padding: 0 10px 30px
}

.g-view {
    position: absolute;
    left: 185px;
    top: 16px;
    z-index: 1291
}

.g-view a {
    display: block;
    line-height: 14px;
    font-size: 13px;
    color: #999
}

.g-view a .ico-list {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: top;
    background: url(/youku/dist/img/find/header_2663bc2.png) no-repeat -120px -258px
}

.g-view .panel {
    left: -100px;
    top: 44px
}

.g-view .panel .arrow {
    left: 115px
}

.g-view .panel .content {
    padding: 20px 19px
}

.g-view .panel .content dl {
    padding: 10px 0
}

.g-view .panel .content dl dt,.g-view .panel .content dl dd {
    line-height: 13px;
    height: 13px
}

.g-view .panel .content dl dt {
    float: left;
    font-size: 13px;
    padding-right: 10px;
    color: #999
}

.g-view .panel .content dl dd {
    font-size: 0;
    margin-left: 60px;
    border-left: 1px solid #e3e7e8;
    white-space: nowrap;
    word-break: normal;
    word-wrap: normal
}

.g-view .panel .content dl dd a {
    display: inline-block;
    margin: 0 2px 0 10px;
    font-size: 13px;
    color: #555
}

.g-view .panel .content dl dd a:hover {
    color: #ff3c00
}

.g-view:hover .panel {
    display: block
}

.g-view:hover>a {
    color: #ff3c00
}

.g-view:hover>a .ico-list {
    background-position: -137px -258px
}

.g-ucenter {
    height: 40px;
    color: #3f3f40
}

.g-ucenter a {
    color: #3f3f40;
    text-decoration: none;
    font-size: 13px
}

.g-ucenter .caret {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    width: 9px;
    height: 5px;
    left: 24px;
    top: 17px;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    background: url(/youku/dist/img/find/header_2663bc2.png) -60px 0 no-repeat;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -ms-transition: transform .3s ease-in
}

.g-ucenter .ico-valid-email,.g-ucenter .ico-valid-phone,.g-ucenter .ico-verify {
    width: 15px;
    height: 16px
}

.g-ucenter .ico-verify {
    width: 16px;
    background: url(/youku/dist/img/find/header_2663bc2.png) -131px -168px no-repeat
}

.g-ucenter .ico-valid-email {
    background: url(/youku/dist/img/find/header_2663bc2.png) -114px -189px no-repeat
}

.g-ucenter .ico-valid-email-done {
    background: url(/youku/dist/img/find/header_2663bc2.png) -114px -168px no-repeat
}

.g-ucenter .ico-valid-phone {
    background: url(/youku/dist/img/find/header_2663bc2.png) -98px -189px no-repeat
}

.g-ucenter .ico-valid-phone-done {
    background: url(/youku/dist/img/find/header_2663bc2.png) -98px -168px no-repeat
}

.g-ucenter .panel {
    width: 360px
}

.g-ucenter .panel .content {
    padding: 20px 19px 10px
}

.g-ucenter .dropdown {
    padding-bottom: 30px!important;
    position: relative
}

.g-ucenter .dropdown-open .caret {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(0)
}

.g-ucenter .dropdown-open .panel {
    display: block
}

.g-ucenter .handle {
    position: relative;
    padding: 10px 0;
    height: 20px;
    line-height: 20px
}

.g-ucenter .u-login {
    float: left;
    min-width: 66px;
    margin-right: 10px;
    height: 40px
}

.g-ucenter .u-login .login-after {
    width: 66px
}

.g-ucenter .u-login .login-after>a .vip-level-icon {
    position: relative;
    z-index: 2;
    left: 22px;
    bottom: -11px;
    height: 22px
}

.g-ucenter .u-login .panel {
    left: -160px
}

.g-ucenter .u-list {
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden
}

.g-ucenter .u-list li {
    float: left;
    width: 80px;
    height: 100px
}

.g-ucenter .u-list li a {
    display: inline-block;
    border: 1px solid #FFF;
    width: 78px;
    padding-top: 15px;
    height: 83px;
    text-decoration: none;
    color: #555;
    text-align: center
}

.g-ucenter .u-list li a em {
    display: block;
    height: 48px;
    width: 48px;
    margin: 0 auto 10px;
    background: url(/youku/dist/img/find/header_2663bc2.png) no-repeat
}

.g-ucenter .u-list li a:hover {
    border: 1px solid #ebebeb;
    background-color: #fafafa
}

.g-ucenter .u-list li .u-watch em {
    background-position: 0 -70px
}

.g-ucenter .u-list li .u-watch:hover em {
    background-position: 0 -119px
}

.g-ucenter .u-list li .u-collect em {
    background-position: -49px -70px
}

.g-ucenter .u-list li .u-collect:hover em {
    background-position: -49px -119px
}

.g-ucenter .u-list li .upload-video em {
    background-position: 0 -217px
}

.g-ucenter .u-list li .upload-video:hover em {
    background-position: -49px -217px
}

.g-ucenter .u-list li .data-analysis em {
    background-position: 0 -266px
}

.g-ucenter .u-list li .data-analysis:hover em {
    background-position: -49px -266px
}

.g-ucenter .u-list li .u-zpd em {
    background-position: -98px -70px
}

.g-ucenter .u-list li .u-zpd:hover em {
    background-position: -98px -119px
}

.g-ucenter .u-list li .u-creat em {
    background-position: 0 -168px
}

.g-ucenter .u-list li .u-creat:hover em {
    background-position: -49px -168px
}

.g-ucenter .u-list li .u-center em {
    background-position: 0 -356px
}

.g-ucenter .u-list li .u-center:hover em {
    background-position: -49px -356px
}

.g-ucenter .u-list li .u-ypd em {
    background-position: 0 -500px
}

.g-ucenter .u-list li .u-ypd:hover em {
    background-position: -49px -500px
}

.g-ucenter .u-panel .u-avatar {
    float: left;
    margin-right: 20px;
    width: 60px;
    height: 60px
}

.g-ucenter .u-panel .u-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 100%
}

.g-ucenter .u-panel .qrcode-btn {
    position: absolute;
    display: inline-block;
    width: 43px;
    height: 43px;
    top: 0;
    right: 0;
    background: url(/youku/dist/img/find/header_2663bc2.png) 0 -20px no-repeat
}

.g-ucenter .u-panel .qrcode-btn:hover {
    background: url(/youku/dist/img/find/header_2663bc2.png) -45px -20px no-repeat
}

.g-ucenter .u-panel .u-info {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb
}

.g-ucenter .u-panel .u-name {
    padding: 10px 0;
    height: 20px;
    line-height: 20px
}

.g-ucenter .u-panel .u-link {
    margin-right: 18px;
    display: inline-block;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    color: #000
}

.g-ucenter .u-panel .u-sign {
    display: inline-block;
    padding: 0 10px;
    background-color: #ef3f22;
    color: #FFF;
    text-decoration: none;
    vertical-align: top;
    border-radius: 10px
}

.g-ucenter .u-panel .u-sign:hover {
    background-color: #e60703
}

.g-ucenter .u-panel .u-credit {
    height: 22px
}

.g-ucenter .u-panel .u-credit a {
    float: left;
    display: block;
    margin: 0 3px
}

.g-ucenter .u-panel .u-credit a.user-grade,.g-ucenter .u-panel .u-credit a.ico-valid-email,.g-ucenter .u-panel .u-credit a.ico-valid-phone {
    margin-top: 3px
}

.g-ucenter .u-panel .u-credit a.ico-verify {
    margin-top: 4px
}

.g-ucenter .u-panel .u-credit a.ico-valid-phone {
    margin-top: 3px
}

.g-ucenter .u-panel .u-credit a .vip-level-icon {
    height: 22px
}

.g-ucenter .u-panel .u-point {
    margin: 10px 0 -10px 70px;
    position: relative;
    display: none
}

.g-ucenter .u-panel .u-point i.arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-right: 6px solid #fff;
    border-left: 6px solid #fff;
    border-bottom: 6px solid #fff8d9;
    left: 41px;
    top: -6px
}

.g-ucenter .u-panel .u-point a {
    line-height: 23px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #555;
    padding: 0 10px;
    background-color: #fff8d9;
    border-radius: 2px
}

.g-ucenter .u-panel .u-point em {
    color: #ff3c00;
    font-style: normal
}

.g-ucenter .u-panel .u-point span {
    margin-left: 20px;
    color: #2eb3ff
}

.g-ucenter .u-panel .u-grade .u-name-grade {
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom
}

.g-ucenter .u-panel .task-title {
    padding: 13px 0
}

.g-ucenter .u-panel .task-title a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 10px;
    margin-left: 8px;
    background: url(/youku/dist/img/find/g_0c02dfd.png) no-repeat -103px -26px
}

.g-ucenter .u-panel .task-title a:hover:after {
    background: url(/youku/dist/img/find/g_0c02dfd.png) no-repeat -116px -26px
}

.g-ucenter .u-panel .task-info {
    position: relative
}

.g-ucenter .u-panel .task-info p {
    color: #999;
    font-size: 13px;
    margin: 0
}

.g-ucenter .u-panel .task-info dt {
    float: left;
    height: 30px
}

.g-ucenter .u-panel .task-info dt img {
    width: 30px;
    margin-right: 10px
}

.g-ucenter .u-panel .task-info dl {
    margin-right: 80px
}

.g-ucenter .u-panel .task-info dd {
    line-height: 13px
}

.g-ucenter .u-panel .task-info dd em,.g-ucenter .u-panel .task-info dd span {
    word-spacing: normal;
    white-space: nowrap;
    word-break: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.g-ucenter .u-panel .task-info dd em {
    display: block;
    font-style: normal;
    font-size: 13px
}

.g-ucenter .u-panel .task-info dd span {
    color: #999;
    display: block;
    font-size: 12px;
    margin-top: 5px
}

.g-ucenter .u-panel .task-info>a {
    position: absolute;
    right: 0;
    top: 3px;
    max-width: 55px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    padding: 0 10px;
    color: #fff;
    background-color: #2fb3ff;
    border-radius: 4px;
    text-align: center
}

.g-ucenter .u-panel .task-info>a:hover {
    color: #fff;
    background-color: #59c2ff
}

.g-ucenter .u-panel .code-content {
    display: none;
    position: relative;
    text-align: center;
    padding: 20px 0 65px
}

.g-ucenter .u-panel .code-content .qr-content {
    position: relative;
    margin: 40px auto;
    width: 138px;
    height: 138px;
    margin-bottom: 10px;
    border-radius: 0
}

.g-ucenter .u-panel .code-content .qr-content .rf-layer {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background: #000;
    width: 100%;
    height: 100%;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70)
}

.g-ucenter .u-panel .code-content .qr-content .rf-layer a {
    display: inline-block;
    margin-top: 44px;
    line-height: 24px;
    font-size: 14px;
    color: #FFF
}

.g-ucenter .u-panel .code-content .qr-timeout .rf-layer {
    display: block
}

.g-ucenter .u-panel .code-content img {
    display: block;
    width: 138px;
    height: 138px
}

.g-ucenter .u-panel .code-content .close-code {
    position: absolute;
    color: #ef3f22;
    top: 0;
    right: 0
}

.g-ucenter .u-panel .code-content span {
    color: #2fb3ff;
    font-size: 13px;
    height: 24px
}

.g-ucenter .u-bottom {
    border-top: 1px solid #ebebeb;
    padding: 0 19px;
    height: 48px;
    line-height: 48px;
    text-align: left;
    background-color: #fafafa
}

.g-ucenter .u-bottom .singout {
    float: right
}

.g-ucenter .u-notice {
    float: left;
    width: 52px
}

.g-ucenter .u-notice:hover .handle .ico-notifications-l2 {
    background-position: -119px -217px
}

.g-ucenter .u-notice .panel {
    left: -170px
}

.g-ucenter .u-notice .panel .content {
    padding: 0 20px;
    max-height: 283px;
    min-height: 100px;
    background: url(//r1.ykimg.com/4/223/36/108507216709315954522603499648173244154.gif) center 8px no-repeat;
    overflow: auto
}

.g-ucenter .u-notice.loaded .panel .content {
    background: 0
}

.g-ucenter .u-notice .icon-warn {
    position: absolute;
    left: 18px;
    top: 5px
}

.g-ucenter .u-notice .u-bottom a {
    color: #555
}

.g-ucenter .u-notice .u-bottom a:hover {
    color: #ff3c00
}

.g-ucenter .u-notice .msg-list {
    color: #555
}

.g-ucenter .u-notice .msg-list li {
    border-bottom: 1px solid #dee2e5;
    padding: 20px 0;
    position: relative
}

.g-ucenter .u-notice .msg-list li a:hover {
    color: #ff3c00
}

.g-ucenter .u-notice .msg-list li:last-child {
    border: 0
}

.g-ucenter .u-notice .msg-list li.red .icon-warn {
    display: block
}

.g-ucenter .u-notice .msg-list dt {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px
}

.g-ucenter .u-notice .msg-list dt img {
    width: 30px;
    height: 30px
}

.g-ucenter .u-notice .msg-list dt .icon-warn {
    position: absolute;
    top: 31px;
    left: -13px;
    display: none
}

.g-ucenter .u-notice .msg-list dd {
    height: 20px;
    line-height: 20px;
    margin-right: 35px
}

.g-ucenter .u-notice .msg-list dd>span {
    display: block;
    font-size: 13px;
    color: #555;
    line-height: 13px
}

.g-ucenter .u-notice .msg-list dd a {
    display: inline-block;
    max-width: 225px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #999;
    font-size: 12px;
    line-height: 14px
}

.g-ucenter .u-notice .msg-list dd.msg-time {
    position: absolute;
    right: 0;
    top: 20px;
    color: #999;
    display: inline-block;
    max-width: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 0;
    line-height: 14px
}

.g-ucenter .u-notice .msg-list .from {
    color: #f05036
}

.g-ucenter .u-notice .msg-list .msg-single {
    height: 30px;
    line-height: 30px
}

.g-ucenter .u-notice .no-msg li {
    height: 140px;
    background: url(/youku/dist/img/find/msg-loading-done_97b55e1.png) no-repeat 50% 30%;
    text-align: center
}

.g-ucenter .u-notice .no-msg li>span {
    margin-top: 95px;
    font-size: 13px;
    color: #909090;
    display: block
}

.g-ucenter .u-notice .no-msg .u-bottom {
    display: none
}

.g-ucenter .u-upload {
    float: left;
    width: 46px
}

.g-ucenter .u-upload:hover .handle .ico-upload-l2 {
    background-position: -98px -216px
}

.g-ucenter .u-upload .panel {
    left: -170px
}

.g-ucenter .u-upload .panel .content {
    padding-bottom: 0
}

.g-ucenter .u-upload .u-list {
    padding: 0 0 20px
}

.g-ucenter .u-upload .up-cnt-2 {
    position: relative;
    padding-top: 15px;
    padding-left: 85px;
    height: 45px
}

.g-ucenter .u-upload .up-cnt-2 i {
    margin: 1px 0 0 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 62px;
    height: 52px;
    background: url(/youku/dist/img/find/header_2663bc2.png) -89px -16px no-repeat
}

.g-ucenter .u-upload .up-cnt-2 a {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    color: #FFF;
    text-align: center;
    width: 110px;
    border-radius: 15px;
    background-color: #2fb3ff;
    text-decoration: none
}

.g-ucenter .u-upload .up-cnt-2 a:hover {
    background-color: #59c2ff
}

.g-ucenter .u-upload .u-bottom a {
    float: right;
    color: #2fb3ff
}

.g-ucenter .u-upload .u-bottom a i {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/youku/dist/img/find/header_2663bc2.png) -100px 0 no-repeat;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px
}

.g-ucenter .u-upload .u-bottom a:hover {
    color: #ef3c00
}

.g-ucenter .u-upload .u-bottom a:hover i {
    background-position: -140px 0
}

.g-ucenter .u-record {
    float: left;
    width: 52px
}

.g-ucenter .u-record:hover .handle .ico-urecord {
    background-position: -118px -237px
}

.g-ucenter .u-record .panel {
    left: -172px;
    width: 360px
}

.g-ucenter .u-record .panel .content {
    padding: 10px 0 0
}

.g-ucenter .u-record .ico-device {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -1px;
    margin-right: 5px;
    background: url(/youku/dist/img/find/header_2663bc2.png) no-repeat;
    vertical-align: middle
}

.g-ucenter .u-record .ico-tv {
    background-position: -98px -276px
}

.g-ucenter .u-record .ico-pc {
    background-position: -98px -293px
}

.g-ucenter .u-record .ico-tel {
    background-position: -98px -259px
}

.g-ucenter .u-record .ico-pad {
    background-position: -98px -310px
}

.g-ucenter .u-record .rec-list {
    padding: 0 8px 0 20px;
    line-height: 22px;
    color: #909090
}

.g-ucenter .u-record .rec-list dt {
    line-height: 24px;
    position: relative;
    padding-left: 12px
}

.g-ucenter .u-record .rec-list dt:before {
    position: absolute;
    width: 5px;
    height: 5px;
    left: -2px;
    top: 8px;
    content: "";
    background: url(/youku/dist/img/find/header_2663bc2.png) -61px -8px no-repeat
}

.g-ucenter .u-record .rec-list dd {
    padding-left: 12px;
    line-height: 22px;
    height: 22px;
    border-left: 1px solid #ebebeb
}

.g-ucenter .u-record .rec-list dd a {
    display: inline-block;
    max-width: 165px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.g-ucenter .u-record .rec-list dd .rec-st {
    float: right;
    width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.g-ucenter .u-record .record-login {
    padding: 10px 0 20px;
    margin: 0 20px 12px;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    height: 26px;
    line-height: 26px;
    color: #555
}

.g-ucenter .u-record .record-login a {
    margin-right: 6px;
    display: inline-block;
    border-radius: 2px;
    width: 45px;
    height: 26px;
    color: #FFF;
    background: #2fb3ff
}

.g-ucenter .u-record .record-login a:hvoer {
    color: #FFF
}

.g-ucenter .u-record .u-bottom {
    margin-top: 10px
}

.g-ucenter .u-record .no-record {
    text-align: center;
    color: #909090
}

.g-ucenter .u-record .no-record .no-record-bg {
    display: inline-block;
    width: 64px;
    height: 68px;
    background: url(/youku/dist/img/find/header_2663bc2.png) 0 -410px no-repeat
}

.g-ucenter .u-record .no-record p {
    margin-bottom: 10px
}

.g-ucenter .ico-user-l2 {
    margin-right: 3px;
    background-position: 0 0
}

.g-ucenter .ico-upload-l2 {
    margin-right: 4px;
    background-position: -40px 1px
}

.g-ucenter .ico-notifications-l2 {
    margin-right: 4px;
    background-position: -20px 0
}

.g-ucenter .ico-urecord {
    margin-right: 4px;
    background-position: -98px -237px
}

.g-ucenter .login-before {
    display: none
}

.g-ucenter .login-after .avatar {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 40px;
    border-radius: 100%
}

.g-ucenter .login-after .caret {
    left: 48px
}

.g-adpad {
    display: none;
    height: 80px;
    margin: 0 auto;
    text-align: center;
    background: url(/youku/dist/img/find/adpad-bg_8b0c883.png) center center no-repeat transparent;
    background-size: 1300px 37px
}

.g-adpad a {
    display: block;
    height: 100%;
    width: 1300px;
    margin: 0 auto;
    text-decoration: none;
    background: url(/youku/dist/img/find/adpad_txt_bg_a6cdeed.png) 0 15px no-repeat;
    background-size: 650px 37px
}

.pad-view .g-adpad {
    display: block
}

.pad-view .g-top-nav {
    border-top: 1px solid #FFF
}

.g-sub-live-nav {
    height: 58px;
    border-bottom: 1px solid #e4e7e8;
    background: #fff
}

.g-sub-live-nav .g-content {
    width: 1300px;
    margin: 0 auto
}

.g-sub-live-nav .live-logo,.g-sub-live-nav .live-nav,.g-sub-live-nav .live-nav li,.g-sub-live-nav .live-nav li a {
    float: left
}

.g-sub-live-nav .live-logo {
    margin: 19px 22px 0 0
}

.g-sub-live-nav .live-logo a {
    width: 149px;
    height: 19px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/youku/dist/img/find/logo-youku-live-v2_8273d01.png)
}

.g-sub-live-nav .live-nav a {
    height: 56px;
    line-height: 56px;
    margin: 0 3px -1px;
    padding: 0 10px;
    color: #555;
    font-size: 16px
}

.g-sub-live-nav .live-nav a:hover {
    color: #ff3c00
}

.g-sub-live-nav .live-nav .cur a {
    color: #2fb3ff;
    border-bottom: 3px solid #2fb3ff
}

.w1300 .g-head-nav {
    margin-right: 37px
}

.g-footer {
    padding-top: 30px;
    max-width: 1300px;
    margin: 0 auto;
    text-align: left;
    color: #555;
    overflow: hidden
}

.g-footer .mr0 {
    margin-right: 0
}

.g-footer .g-hr {
    border-bottom: 1px solid #e3e7e8;
    height: 0;
    padding-top: 20px;
    margin-bottom: 20px;
    clear: left
}

.g-footer a {
    color: #555;
    margin-right: 10px
}

.g-footer dd,.g-footer dt {
    padding: 0;
    margin: 0;
    height: 24px;
    line-height: 24px;
    white-space: nowrap
}

.g-footer dd a:last-child,.g-footer dt a:last-child {
    margin-right: 0
}

.g-footer dl {
    display: inline-block;
    text-align: left;
    float: left
}

.g-footer dt {
    color: #909090
}

.g-footer dt a {
    color: #909090
}

.g-footer .g-w1 {
    vertical-align: top;
    width: 440px
}

.g-footer .g-w2 {
    vertical-align: top;
    width: 440px
}

.g-footer .g-w3 {
    width: 220px
}

.g-footer .g-w4 {
    width: 200px
}

.g-footer .g-authentication {
    padding-top: 20px;
    text-align: center;
    margin-bottom: 10px;
    clear: left
}

.g-footer .g-authentication a {
    padding-left: 36px;
    line-height: 15px;
    color: #191d24;
    margin-right: 45px;
    text-decoration: none;
    display: inline-block;
    background: url(/youku/dist/img/find/footer_170322_f04fcff.png) -190px 0 no-repeat
}

.g-footer .g-authentication a:hover {
    color: #ff3c00
}

.g-footer .g-authentication .aut-1 {
    background-position: -190px 0
}

.g-footer .g-authentication .aut-2 {
    background-position: -190px -30px
}

.g-footer .g-authentication .aut-3 {
    background-position: -190px -60px
}

.g-footer .g-authentication .aut-4 {
    background-position: -190px -90px
}

.g-footer .g-authentication .aut-5 {
    background-position: -190px -120px
}

.g-footer .g-authentication .aut-6 {
    background-position: -190px -150px
}

.g-footer .g-authentication .aut-7 {
    background-position: -190px -180px
}

.g-footer .ft-ico1,.g-footer .ft-ico2,.g-footer .ft-ico3,.g-footer .ft-ico4 {
    display: inline-block;
    padding-left: 22px;
    height: 24px;
    line-height: 24px;
    background: url(/youku/dist/img/find/footer_170322_f04fcff.png) -192px 3px no-repeat
}

.g-footer .ft-ico2 {
    background-position: -192px -21px
}

.g-footer .ft-ico3 {
    background-position: -192px -45px
}

.g-footer .ft-ico4 {
    background-position: -192px -69px
}

.g-footer .qcode {
    display: inline-block;
    width: 186px;
    height: 93px;
    background: url(/youku/dist/img/find/footer_170322_f04fcff.png) 0 0 no-repeat
}

.g-footer .qcode img {
    width: 84px;
    height: 84px;
    margin-top: 7px
}

.w1080 .g-footer {
    width: 1080px
}

.w1080 .g-footer .g-w1 {
    vertical-align: top;
    width: 280px
}

.w1080 .g-footer .g-w2 {
    vertical-align: top;
    width: 380px
}

.w1080 .g-footer .g-w3 {
    width: 220px
}

.w1080 .g-footer .g-w4 {
    width: 200px
}

.yk-content .mod-new {
    margin: 0 -20px 20px -20px;
    padding: 20px 0 20px 20px;
    background-color: #fff;
    box-shadow: 0 0 8px 1px #e4e5e6
}

.yk-content .mod-new .h {
    height: 20px;
    line-height: 20px;
    padding: 2px 0 13px;
    margin: 0 20px 20px 0;
    border-bottom: 1px solid #eee;
    font-size: 0
}

.yk-content .mod-new .h h1,.yk-content .mod-new .h h2,.yk-content .mod-new .h h3,.yk-content .mod-new .h h4 {
    color: #555;
    line-height: 20px;
    font-weight: 400
}

.yk-content .mod-new .h h1 a,.yk-content .mod-new .h h2 a,.yk-content .mod-new .h h3 a,.yk-content .mod-new .h h4 a {
    color: #555;
    font-weight: 400;
    line-height: 20px
}

.yk-content .mod-new .h h1 a:after,.yk-content .mod-new .h h2 a:after,.yk-content .mod-new .h h3 a:after,.yk-content .mod-new .h h4 a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 10px;
    background: url(/youku/dist/img/find/g_0c02dfd.png) no-repeat -103px -26px;
    margin-left: 18px
}

.yk-content .mod-new .h h1 a:hover,.yk-content .mod-new .h h2 a:hover,.yk-content .mod-new .h h3 a:hover,.yk-content .mod-new .h h4 a:hover {
    color: #ff3c00
}

.yk-content .mod-new .h h1 a:hover:after,.yk-content .mod-new .h h2 a:hover:after,.yk-content .mod-new .h h3 a:hover:after,.yk-content .mod-new .h h4 a:hover:after {
    background: url(/youku/dist/img/find/g_0c02dfd.png) no-repeat -116px -26px
}

.yk-content .mod-new .h h1 a.no-arrow:after,.yk-content .mod-new .h h2 a.no-arrow:after,.yk-content .mod-new .h h3 a.no-arrow:after,.yk-content .mod-new .h h4 a.no-arrow:after {
    display: none
}

.yk-content .mod-new .c {
    padding-bottom: 0
}

.yk-content .mod-new .mod {
    margin-bottom: 0
}

.yk-content .mod-new .mod:after {
    border: 0
}

.yk-content .mod-new:after {
    border: 0
}

.yk-content .mod-new .yk-pack .p-user {
    position: relative;
    z-index: 4
}

.yk-content .mod-new .yk-pack .p-user .user-level {
    zoom: 1;
    display: inline-block;
    height: 14px
}

.yk-content .mod-new .yk-pack .p-user .user-level dt,.yk-content .mod-new .yk-pack .p-user .user-level dd {
    display: inline-block;
    float: left;
    height: 14px;
    line-height: 14px;
    font-size: 12px
}

.yk-content .mod-new .yk-pack .p-user .user-level dt {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    border: 4px solid #fff;
    z-index: 60;
    position: relative;
    margin: -4px 5px 0 -4px
}

.yk-content .mod-new .yk-pack .p-user .user-level dt img {
    margin: 0;
    width: 30px;
    height: 30px
}

.yk-content .mod-new .yk-pack .p-user .user-level .u-name {
    width: 160px;
    overflow: hidden;
    margin: 0
}

.yk-content .mod-new .yk-pack .p-user .user-level .u-name a {
    color: #555
}

.yk-content .mod-new .yk-pack .p-user .user-level .u-name a:hover {
    color: #ff3c00
}

.yk-content .mod-new .yk-pack .info-list {
    padding-bottom: 0
}

.yk-content .mod-new .yk-pack .info-list li {
    padding: 0
}

.yk-content .mod-new .yk-pack .info-list li span {
    color: #999;
    margin-right: 5px
}

.yk-content .mod-new .yk-pack .info-list .title span {
    color: #555
}

.yk-content .mod-new .yk-packs a:hover {
    color: #fff
}

.yk-content .mod-new .has-user .p-thumb {
    z-index: 0
}

.yk-content .mod-new .has-user .p-list .p-info {
    top: 100px
}

.yk-content .mod-new .p-list:hover {
    box-shadow: none
}

.yk-content .mod-new .pack-film .p-thumb .bg {
    display: none
}

.yk-content .mod-new .pack-film .p-thumb:hover .bg {
    display: block;
    background: #000;
    opacity: .35;
    filter: alpha(opacity=35)
}

.yk-content .mod-new .pack-film .info-list li {
    margin-bottom: 4px
}

.yk-content .mod-new .t_tab {
    margin: -1px 0 0 20px
}

.yk-content .mod-new .t_tab li a {
    padding: 0;
    margin: 0 10px;
    height: 34px;
    font-size: 14px
}

.yk-content .mod-new .t_tab .current a,.yk-content .mod-new .t_tab li:hover a {
    background: 0;
    color: #2fb3ff;
    border-bottom: 1px solid #2fb3ff;
    border-radius: 0
}

.yk-content .mod-new .yk-AD-sponsor {
    top: 0;
    right: 0
}

.yk-content .mod-new .yk-AD-sponsor a {
    border-bottom: 0!important;
    height: 40px!important;
    margin: 0!important
}

.qsmall.notice-wrap {
    width: 1080px;
    left: auto;
    padding-left: 20px
}

.qsmall.notice-wrap>div {
    right: 0
}

.notice-wrap {
    position: relative;
    z-index: 11001
}

.notice-wrap>div {
    border: 1px solid #eee;
    padding: 20px;
    width: 220px;
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 16px;
    color: #555;
    background: #fff url(/youku/dist/img/find/notice-bg_87e5c08.png) no-repeat center top;
    border-radius: 4px;
    box-shadow: 4px 7px 16px rgba(0,0,0,.32)
}

.notice-wrap>div>h1 {
    font-size: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal
}

.notice-wrap>div>p {
    margin: 10px 0 0;
    font-size: 12px;
    text-align: left;
    line-height: 22px
}

.notice-wrap>div>div a {
    padding: 0 12px;
    background-color: #2fb3ff;
    color: #fff;
    border-radius: 2px;
    line-height: 28px;
    margin-top: 16px;
    display: inline-block;
    zoom: 1
}

.notice-wrap>div>div a:hover {
    background-color: #59c2ff
}

.notice-wrap #closeNotice {
    padding: 0;
    margin-left: 20px;
    color: #999;
    background: 0
}

body {
    font: 12px/20px "Microsoft YaHei",Lyh-Regular,helvetica,arial,sans-serif;
    background-color: #f1f2f3
}

a {
    color: #2fb3ff;
    text-decoration: none
}

a:hover {
    color: #ff3c00;
    text-decoration: none
}

.on-loading .mod-live .yk-pack .p-thumb>a,.on-loading .mod-live .p-thumb:hover a {
    background: url(/youku/dist/img/find/bg/bg2_310x174_57b5321.png) left top no-repeat #dbdbdb
}

.on-loading .yk-pack .p-thumb>a,.on-loading .p-list.p-large .p-thumb:hover a {
    background: url(/youku/dist/img/find/bg/bg2_200x110_4efa789.png) left top no-repeat #dbdbdb
}

.on-loading .yk-pack.p-large .p-thumb>a,.on-loading .yk-pack.pack-large .p-thumb>a,.on-loading .yk-pack.p-large:hover .p-thumb>a,.on-loading .yk-pack.pack-large:hover .p-thumb>a {
    background-image: url(/youku/dist/img/find/bg/bg2_420x280_8b1782f.png)
}

.on-loading .yk-packs:hover .pos-bottom {
    display: none
}

.on-loading .p-list .p-thumb:hover+.pos-bottom {
    display: block
}

.on-loading .pack-film .p-thumb>a,.on-loading .pack-film-cover .p-thumb>a {
    background: url(/youku/dist/img/find/bg/bg2_170x255_b4c0256.png) left bottom no-repeat #dbdbdb
}/**
 * @modified $Author: 牟少峰 $
 * @version $Rev: 582f22d7465c5354c196e0e2a476cf09d2af3b11 $
 */
.pad-view .p-list .p-thumb:hover,.pad-view .yk-packs .p-thumb:hover,.pad-view .pack-film .p-thumb:hover,.pad-view .mod-new .pack-film .p-thumb:hover {
    overflow: hidden
}

.pad-view .p-list .p-thumb:hover .bg,.pad-view .yk-packs .p-thumb:hover .bg,.pad-view .pack-film .p-thumb:hover .bg,.pad-view .mod-new .pack-film .p-thumb:hover .bg {
    display: none
}

.pad-view .p-list .p-thumb:hover a,.pad-view .yk-packs .p-thumb:hover a,.pad-view .pack-film .p-thumb:hover a,.pad-view .mod-new .pack-film .p-thumb:hover a {
    background: 0
}

.pad-view .p-list .p-thumb:hover+.pos-bottom,.pad-view .yk-packs .p-thumb:hover+.pos-bottom,.pad-view .pack-film .p-thumb:hover+.pos-bottom,.pad-view .mod-new .pack-film .p-thumb:hover+.pos-bottom {
    display: block
}

.pad-view .yk-packs:hover .p-thumb:hover .bg {
    display: block;
    background: url(//r1.ykimg.com/05100000568B971867BC3D1EF902B599) 0 bottom repeat-x;
    opacity: 1;
    filter: alpha(opacity=70)
}

.pad-view .yk-packs:hover .pos-bottom {
    bottom: 6px;
    height: auto
}

.pad-view .yk-packs:hover .pos-bottom .caption {
    line-height: 20px
}

.pad-view .yk-packs:hover .pos-bottom .hide {
    display: none
}

.pad-view .yk-recommend-wrap #ykRecommend .p-thumb:hover .p-close {
    display: none
}

.w1080 .yk-col20 {
    width: 860px
}

#FixMod {
    position: fixed;
    display: none;
    bottom: 135px;
    right: 25px;
    margin-bottom: 20px;
    text-align: center
}

#FixMod li {
    position: relative;
    max-width: 29px;
    height: 24px;
    text-align: center;
    cursor: pointer;
    margin: 0 auto 10px
}

#FixMod li img {
    display: inline-block;
    width: 28px
}

#FixMod li .fix-tip {
    display: none;
    position: absolute;
    top: -26px;
    left: -19px;
    width: 66px;
    height: 25px;
    line-height: 22px;
    overflow: hidden;
    background: url(/youku/dist/img/find/main_f156ed1.png) 0 0 no-repeat;
    text-align: center;
    font-style: normal;
    color: #555
}

#FixMod li:hover .fix-tip {
    display: block
}

#FixMod .gray img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'//www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 .3333 .3333 0 0 .3333 .3333 .3333 0 0 .3333 .3333 .3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray;
    -webkit-filter: grayscale(1)
}

.s-body {
    position: relative
}

.yk-content {
    padding-top: 20px;
    padding-bottom: 181px
}

#sideBar {
    display: none
}

.top-nav .yk-content {
    padding-bottom: 0
}

.user-list {
    display: block;
    min-height: 1%
}

.user-list .user-vertical {
    border: 1px solid #ebebeb;
    width: 198px;
    background-color: #FFF;
    height: 200px
}

.user-list .user-vertical .u-name {
    margin-top: 3px
}

.user-list .user-vertical .u-name a {
    font-size: 13px
}

.user-list .user-vertical .u-sub {
    margin: 20px auto
}

.user-list .user-vertical:hover {
    border: 1px solid #FFF
}

.user-list:after {
    font-size: 0;
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.film-vip {
    margin-top: -13px
}

.yk-recommend-wrap #ykRecommend>p {
    margin-bottom: 20px;
    line-height: 12px;
    font-size: 13px;
    color: #999
}

.yk-recommend-wrap #ykRecommend.ajax-loading {
    min-height: 364px;
    background: url(/youku/dist/img/find/loading_10c079a.gif) 50% 50% no-repeat transparent
}

.yk-recommend-wrap #ykRecommend.ajax-none {
    min-height: 310px;
    background: url(/youku/dist/img/find/find-none_b234246.png) 50% 50% no-repeat;
    text-align: center
}

.yk-recommend-wrap #ykRecommend.ajax-none p {
    color: #fff;
    padding: 95px 0 0 105px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    font-size: 14px
}

.yk-recommend-wrap #ykRecommend.ajax-none p a {
    color: #fff;
    font-size: 16px;
    text-decoration: underline
}

.yk-recommend-wrap #ykRecommend .p-thumb:hover {
    overflow: visible
}

.yk-recommend-wrap #ykRecommend .p-thumb:hover .p-close {
    display: block
}

.yk-recommend-wrap .h .tips {
    display: inline-block;
    line-height: 25px;
    margin-left: 10px
}

.yk-recommend-wrap a.yk-rec-refresh {
    font-size: 12px;
    color: #555;
    line-height: 14px;
    margin-top: 8px
}

.yk-recommend-wrap a.yk-rec-refresh i {
    display: inline-block;
    width: 13px;
    height: 14px;
    vertical-align: middle;
    margin-right: 5px;
    background: url(/youku/dist/img/find/g_0c02dfd.png) no-repeat -71px -66px
}

.yk-recommend-wrap a.yk-rec-refresh:hover {
    color: #ff3c00
}

.yk-recommend-wrap a.yk-rec-refresh:hover i {
    background-position: -92px -66px
}

.yk-pack {
}

.yk-pack .p-close {
    position: absolute;
    z-index: 51;
    top: -12px;
    right: -12px;
    display: none;
    width: 24px;
    height: 24px;
    background: url(/youku/dist/img/find/feedback-icon_6edc74a.png) 0 -26px
}

.yk-pack .p-close:hover {
    background-position: 0 0
}

.yk-pack .feedback-cover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 110px;
    z-index: 52
}

.yk-pack .feedback-cover .feedback-content {
    position: relative;
    text-align: center;
    height: 100%;
    z-index: 1
}

.yk-pack .feedback-cover .feedback-content p {
    color: #fff;
    padding-top: 25px;
    margin: 0
}

.yk-pack .feedback-cover .feedback-content .feedback-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    z-index: -1
}

.yk-pack .feedback-cover .feedback-content .feedback-btns {
    margin-top: 16px;
    overflow: hidden;
    text-align: center
}

.yk-pack .feedback-cover .feedback-content .feedback-btns a {
    display: inline-block;
    zoom: 1;
    cursor: pointer;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    text-align: center
}

.yk-pack .feedback-cover .feedback-content .feedback-btns a.blue {
    width: 74px;
    text-align: center;
    border-radius: 2px;
    background-color: #2fb3ff
}

.yk-pack .feedback-cover .feedback-content .feedback-btns a.blue:hover {
    background-color: #59c2ff
}

.yk-pack .feedback-cover .feedback-content .feedback-btns a.gray {
    margin-left: 16px
}

.yk-pack .feedback-cover .feedback-content .feedback-btns a.gray:hover {
    color: #59c2ff
}

.yk-pack .feedback-cover .deleting {
    position: absolute;
    width: 100%;
    height: 110px;
    z-index: 2;
    display: none;
    top: 0;
    left: 0;
    color: #8e8e8e;
    font-size: 14px;
    text-align: center;
    background-color: #fff
}

.yk-pack .feedback-cover .deleting p {
    font-size: 14px;
    text-align: center;
    margin: 10px 0 0
}

.yk-pack .feedback-cover .deleting p .deleting-img {
    display: inline-block;
    width: 55px;
    height: 62px;
    background: url(/youku/dist/img/find/feedback-icon_6edc74a.png) no-repeat -27px -2px
}

.yk-pack .feedback-cover .deleting a.disabled {
    color: #909090;
    cursor: default
}

.yk-discovery {
    margin-top: 80px;
    border-bottom: 1px solid #e3e7e8;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute
}

.yk-discovery div {
    height: 100px;
    display: inline-block;
    padding-left: 280px
}

.yk-discovery div p {
    font-size: 12px;
    line-height: 24px;
    color: #2fb3ff;
    padding-top: 40px
}

.yk-discovery div p a {
    background-color: #30b2ff;
    color: #fff;
    margin: 0 5px;
    border-radius: 2px;
    line-height: 24px;
    padding: 0 10px;
    display: inline-block
}

.yk-discovery div p a:hover {
    background-color: #59c2ff
}

.yk-discovery div.type1 {
    background: url(/youku/dist/img/find/find-img1_a5d02b2.png) no-repeat left bottom
}

.yk-discovery div.type2 {
    padding-left: 400px;
    background: url(/youku/dist/img/find/find-img2_ca39291.png) no-repeat left bottom
}

.yk-discovery div.type2 p {
    padding-top: 25px
}

.prd-list {
    margin-top: -9px;
    margin-right: 20px
}

.prd-list li {
    line-height: 15px
}

.prd-list li img {
    width: 20px;
    height: 20px;
    float: left;
    padding-top: 10px
}

.prd-list li dl {
    margin-left: 30px;
    border-bottom: 1px solid #f6f6f6;
    padding: 12px 0;
    font-size: 0
}

.prd-list li dl a:hover {
    color: #ff3c00
}

.prd-list li dl dt {
    float: left;
    font-size: 14px;
    border-right: 1px solid #e3e7e8;
    padding-right: 10px;
    color: #555
}

.prd-list li dl dt a {
    color: #555
}

.prd-list li dl dd {
    overflow: hidden;
    height: 15px;
    font-size: 12px
}

.prd-list li dl dd a {
    margin: 0 0 0 10px;
    color: #909090;
    margin-left: 7px
}

a.tab-rank {
    font-size: 12px;
    line-height: 13px;
    margin-left: 18px;
    margin-top: 5px
}

a.tab-rank:hover {
    color: #ff3c00
}

a.tab-rank img {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    vertical-align: bottom
}

.oly-medal {
    display: none;
    float: right;
    min-width: 320px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    position: relative;
    bottom: 9px;
    background: url(/youku/dist/img/find/olympic/olybg_ff9a19e.png) right no-repeat
}

.oly-medal #olyGrade {
    color: #fff;
    display: block;
    width: 250px;
    height: 30px;
    float: right;
    padding-right: 16px
}

.oly-medal span {
    float: right;
    margin-right: 13px
}

.oly-medal span.flag {
    margin-right: 24px
}

.oly-medal span.rank {
    font-size: 20px;
    margin-right: 14px;
    margin-top: -1px
}

.oly-medal span em {
    font-style: normal
}

.oly-medal .oly-ico {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    right: 4px;
    background: url(/youku/dist/img/find/olympic/olyico_a9b9b6e.png) no-repeat
}

.oly-medal .ico-gold {
    background-position: 0 0
}

.oly-medal .ico-silver {
    background-position: -18px 0
}

.oly-medal .ico-copper {
    background-position: -36px 0
}

.oly-medal .ico-flag {
    width: 28px;
    height: 19px;
    top: 4px;
    background: transparent
}

.oly-medal .oly-logo {
    float: left
}

.yk-l-exhibition {
    border-top: 1px solid #eee;
    margin: 20px 0 0 -20px;
    padding-top: 20px;
    display: block;
    min-height: 1%
}

.yk-l-exhibition:after {
    font-size: 0;
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.yk-l-exhibition>li {
    float: left;
    margin-left: 20px
}

.yk-l-exhibition>li a {
    display: block;
    height: 30px;
    color: #555;
    line-height: 30px;
    padding: 0 10px 0 40px;
    position: relative;
    background: #f1f2f3;
    border-radius: 15px
}

.yk-l-exhibition>li a:hover {
    color: #ff3c00
}

.yk-l-exhibition>li a img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0
}

.bt-banner {
    width: 100%;
    height: 160px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000
}

.bt-banner .banner-default {
    width: 114px;
    height: 110px;
    background: url(img/shouqi.png) center no-repeat;
    cursor: pointer;
    position: absolute;
    bottom: 5px;
    left: 0
}

.bt-banner .banner-expand {
    width: 100%;
    height: 130px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: -100%
}

.bt-banner .banner-expand .alpha-bg {
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: .8;
    filter: alpha(opacity=80);
    z-index: -1
}

.bt-banner .banner-expand .content {
    width: 1000px;
    height: 100%;
    margin: auto;
    position: relative
}

.bt-banner .banner-expand .content .bt-close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-family: "microsoft yahei";
    font-size: 36px;
    line-height: 36px;
    font-weight: 100;
    cursor: pointer
}

.bt-banner .banner-expand .content .bimg {
    position: absolute;
    bottom: 0;
    left: 60px
}

.bt-banner .banner-expand .content .btext {
    float: left;
    color: #fff;
    font-family: "microsoft yahei";
    font-size: 14px;
    text-align: left;
    position: absolute;
    right: 50px;
    top: 20px
}

.bt-banner .banner-expand .content .btext .t1 {
    font-size: 18px;
    margin-bottom: 10px
}

.bt-banner .banner-expand .content .btext .st {
    color: #2fb3ff
}