/* @ Common Control Style */

.btn-default {padding:0; border:0; background:none; cursor:pointer}

.vod-panel {overflow:hidden; position:relative; width:990px; height:534px; background:url("http://vodmall.imbc.com/player/img_commerce/bg-vod-panel.jpg") no-repeat}

.alert-notice {position:relative; width:936px; *width:990px; height:40px; padding:0 0 0 54px}

.alert-notice h2 {position:absolute; left:20px; top:11px; width:29px; height:19px}

.alert-notice p {height:26px; *height:40px; padding-top:14px; color:#8d8d8d; line-height:1.333; letter-spacing:-1px}

.alert-notice a {color:#8d8d8d}

.alert-notice .btn-more {margin-left:16px; font-size:11px}


.btn-group {

    position:absolute;

    right:290px;

    top:0;
}



.btn-player-acc {

    float:left;

    margin-right:7px;

    padding-right:8px;

    background:url('http://vodmall.imbc.com/player/img_commerce/bg-btngroup-bar.png') no-repeat right center;
    display:block; height:40px; color:#8d8d8d; letter-spacing:-1px; line-height:40px;font-size: 11px;

    /*

    position:absolute;

    left:645px;

    top:0;

    width:65px;    

    */
}


.btn-player-subtitle {display:block;float:left;height:40px;line-height:40px;font-size: 11px;color:#8d8d8d; letter-spacing:-1px; }


/* @ Player */

.vod-body {overflow:hidden; position:relative; width:970px; *width:990px; height:494px; padding-left:20px}

.player-panel {float:left; position:relative; overflow:hidden; width:681px; height:431px; margin-right:9px}

.vod-list-panel {float:left; position:relative; overflow:hidden; width:280px; padding-top:30px}

.nav-tabs-vod {position:absolute; left:0; top:0; width:140px; height:30px}

.nav-tabs-vod button {display:block; width:140px; height:30px; cursor:pointer; text-indent:-9999px}

.nav-tabs-release {left:0}

.nav-tabs-release button {background:url("http://vodmall.imbc.com/player/img_commerce/sp-vod-tabs.png") no-repeat 0 -30px}

.nav-tabs-release-on button {background:url("http://vodmall.imbc.com/player/img_commerce/sp-vod-tabs.png") no-repeat 0 0}

.nav-tabs-product {left:140px}

.nav-tabs-product button {background:url("http://vodmall.imbc.com/player/img_commerce/sp-vod-tabs.png") no-repeat -140px 0}

.nav-tabs-product-on button {background:url("http://vodmall.imbc.com/player/img_commerce/sp-vod-tabs.png") no-repeat -140px -30px}

.list-panel-body {overflow:hidden; position:relative; width:280px}

.product-panel {overflow:hidden; text-align:center}

.product-scroll-body {overflow:hidden; overflow-y:auto; width:280px; height:354px}

.release-panel h3 {height:40px; *height:50px; padding:10px 0 0 5px; color:#8d8d8d; line-height:1.333; font-size:12px}

.release-panel h3 strong {display:block; margin-bottom:3px}

.release-panel .label-release {margin-right:14px}

.release-panel .btn-home {position:absolute; right:15px; top:10px; width:27px; height:21px}

.txt-release-body {overflow:hidden; overflow-y:auto; position:relative; width:255px; *width:280px; height:271px; *height:304px; padding:18px 20px 15px 5px; color:#8d8d8d; line-height:1.65; letter-spacing:-1px; background:url("http://vodmall.imbc.com/player/img_commerce/bg-btn.png") repeat-x}

.txt-release-body strong {display:block; margin-bottom:16px}

.btn-release {padding-top:16px; text-align:center; background:url("http://vodmall.imbc.com/player/img_commerce/bg-btn.png") repeat-x}

.btn-release a {display:inline-block; width:82px; height:30px; margin:0 1px}

.product-list-group {overflow:hidden; position:relative; width:260px; *width:280px; /*height:334px; *height:343px;*/padding:9px 20px 0 0; text-align:left}

.product-list-group li {overflow:hidden; position:relative; width:142px; *width:260px; height:110px; margin-bottom:8px; padding:0 0 0 118px; color:#8d8d8d; line-height:1.333; letter-spacing:-1px; background:url("http://vodmall.imbc.com/player/img_commerce/bg-product-list-x.gif") repeat-x bottom}

.product-list-group .thumb {display:block; overflow:hidden; position:absolute; left:2px; top:0; width:98px; *width:100px; height:98px; *height:100px; border:1px solid #2a2a2b}

.product-list-group .thumb img {width:98px}

.product-list-group .tvinfo-name {margin-bottom:5px}

.product-list-group .tvinfo-name a {display:block; overflow:hidden; color:#8d8d8d; font-weight:normal; line-height:1.65}

.product-list-group .tvinfo-name em {display:block; font-weight:bold}

.product-list-group .btn-scene {display:block; position:absolute; left:118px; top:79px; width:90px; height:22px}

.product-panel .btn-more {display:block; width:92px; height:24px; margin:0 auto 13px; text-indent:-9999px; background:url("http://vodmall.imbc.com/player/images/btn-more.png") no-repeat}

/* @ Vod Clip Layer */

.vod-clip-layer {z-index:1000; position:absolute; left:21px; top:41px; width:679px; height:429px; background:url("http://vodmall.imbc.com/player/img_commerce/bg-vod-clip-layer-x.jpg") repeat-x; text-align:center}

.vod-clip-layer .btn-close {display:block; position:absolute; right:17px; top:17px; width:23px; height:23px; cursor:pointer; text-indent:-9999px; background:url("http://vodmall.imbc.com/player/img_commerce/btn-close.jpg") no-repeat}

.alert-clip-panel {overflow:hidden; position:absolute; left:50%; top:82px; width:540px; margin-left:-270px}

.alert-clip-panel-body {overflow:hidden; float:left; margin:0 4px; width:262px; height:182px; background:url("http://vodmall.imbc.com/player/img_commerce/bg-alert-clip-panel.png") no-repeat; text-align:left}

.alert-clip-panel-body h2 {height:26px; *height:40px; margin-bottom:20px; padding:14px 0 0 20px}

.alert-clip-panel-body ul {overflow:hidden; width:240px; *width:262px; padding-left:22px}

.alert-clip-panel-body li {float:left; overflow:hidden; width:100px; margin-right:20px}

.alert-clip-panel-body .thumb {overflow:hidden; display:block; width:98px; *width:100px; height:54px; *height:56px; margin-bottom:4px; border:1px solid #4b4b4b}

.alert-clip-panel-body .thumb img {width:98px}

.alert-clip-panel-body .txt {display:block; padding:0 4px; color:#d7d7d7; line-height:1.6; letter-spacing:-1px}

.vod-clip-layer .btn-group {overflow:hidden; position:absolute; left:0; top:280px; width:100%; text-align:center}

.vod-clip-layer .btn-group button, .vod-clip-layer .btn-group a {display:inline-block; margin:0 5px}

.share-panel-body {z-index:100; position:absolute; left:50%; top:63px; width:530px; margin-left:-265px; text-align:left}

.share-panel-body h2 {height:26px; *height:27px; margin-bottom:16px; border-bottom:1px solid #67636c}

.share-panel-body ul {overflow:hidden; width:530px}

.share-panel-body li {overflow:hidden; width:530px; margin-bottom:21px}

.share-panel-body .label-share {display:block; overflow:hidden; margin-bottom:8px; color:#e1e1e1; letter-spacing:-1px; line-height:1.333}

.share-panel-body .btn-ico {display:block; float:left; width:32px; height:32px; text-indent:-9999px}

.share-panel-body .btn-ico-fb {margin-right:9px; background:url("http://vodmall.imbc.com/player/img_commerce/ico-fb.png") no-repeat}

.share-panel-body .btn-ico-twi {background:url("http://vodmall.imbc.com/player/img_commerce/ico-twi.png") no-repeat}

.share-panel-body input {float:left; width:407px; height:28px; margin-right:8px; padding:0 8px; border:0; background:url("http://vodmall.imbc.com/player/img_commerce/bg-address-field.png") no-repeat}

.share-panel-body .btn-copy-address {display:block; float:left; width:90px; height:28px; background:none; cursor:pointer}

.ad-bar {overflow:hidden; position:absolute; left:20px; top:486px; width:680px; height:35px; background:#000}

/* @ Common Control Style */

.screen-out{overflow:hidden;position:absolute;left:-1000px;height:0;padding:1px 0 0 0;line-height:0;font-size:0}

/* @ Scroll Bar Style */
.scrollbar::-webkit-scrollbar {width:12px}
.scrollbar::-webkit-scrollbar-track-piece {background:#232328}
.scrollbar::-webkit-scrollbar-thumb {border-radius:10px; border:1px solid #44444a; background:#232328}
.scrollbar {-webkit-overflow-scrolling:touch; scrollbar-face-color:#232328; scrollbar-3dlight-color:#232328; scrollbar-highlight-color:#44444a; scrollbar-shadow-color:#44444a; scrollbar-darkshadow-color:#232328; scrollbar-arrow-color:#3c3c42; scrollbar-track-color:#232328}