@charset "utf-8";
.col_middle,.chrmark .vt .views,.chrmark .vt .timer { background:url(../../images/mh/video_2017_sp.png) no-repeat 0 0;}
body { background-color:#333; color:#999; overflow-y:hidden;}
a { color:#999;}a:hover { color:#aaa;}

.grid_01 { width:auto; margin:0;}
.open { margin-right:360px;}
.grid_01 .col_main {}
.grid_01 .col_sub { display:none; position:absolute; top:0; right:0; bottom:0; height:100%; width:360px; overflow-y:scroll;}
.open .col_sub { display:block;}
.header { padding:10px 0; text-align:center; background-color:#222; font-size:16px; line-height:36px; height:36px; overflow:hidden;}
.header .logo { float:left; display:inline; margin:0 15px 0 10px;}
.header .logo img { display:block; height:36px; vertical-align:top;}
.header .sublogo { float:left; font-size:18px; color:#999; border-left:1px solid #595b5b; line-height:20px;padding:0 15px; margin:8px 0;}
.col_middle { display:block; width:20px; height:40px; position:fixed; _position:absolute; right:0; top:50%; margin-top:-20px; text-indent:-999em; overflow:hidden; background-position:-245px 0; z-index:100;}
.open .col_middle { background-position:-224px 0; right:340px;}
.player object { vertical-align:top;}


.module_01 { margin:15px 10px 10px;}
.module_01 .hd { border-bottom:1px solid #434443; position:relative; z-index:1; height:24px;}
.module_01 .hd .tit { display:inline-block; display:inline; *zoom:1; border-bottom:1px solid #ffc600; color:#ffc600; margin-bottom:-1px; padding:4px 3px; font-size:14px;}
.module_01 .bd {}
.module_01 .count { position:absolute; right:0; top:0;}

.chrmark { margin-top:10px; border-radius:5px; background-color:#2d2e2d; padding:8px; font-size:14px;}
.chrmark .vt { border-top:1px solid #383938; color:#bebebe; padding:8px 0 3px; text-align:right; margin-top:10px; font-size:12px;}
.chrmark .vt .views,.chrmark .vt .timer { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding-left:20px;    text-decoration: none; margin-right:8px;}
.chrmark .vt .views { background-position:-381px -47px;}
.chrmark .vt .timer { background-position:-382px -80px;}

.video_list { overflow:hidden;}
.video_list ul { width:334px;}
.video_list li { display:inline; float:left; margin:10px 11px 0 0; position:relative; z-index:1; *zoom:1;}
.video_list li a { display:block;}
.video_list li img { display:block; width:156px; height:106px; vertical-align:top;}
.video_list li .tit { display:block;color: #ddd; padding:4px 6px; height:18px; word-break:break-all; overflow:hidden; position:absolute; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.5); _background-color:#000;}

.shop-info { margin:10px; position:relative; z-index:1; *zoom:1; padding-left:105px; height:80px; border-bottom:1px dashed #434443; padding-bottom:15px;}
.shop-info .pic { position:absolute; left:0; top:0;}
.shop-info .pic img { display:block; width:90px; height:60px; border-radius:4px;}
.shop-info h4 { font-size:18px; color:#aaa; font-weight:normal;}
.shop-info .link { margin-top:8px; font-size:14px; display:inline-block; padding:2px 15px; background-color:#ffc600; color:#222; border-radius:3px;}
.shop-info .link:hover { background-color:#e9b709;}

.copyright { text-align:center; padding-bottom:15px; color:#666;}

.black .comment_item { padding:10px 5px 10px 40px; border-bottom:1px solid #3c3c3c;}
.black .comment_item .comment_face { left:0; top:13px; width:30px;}
.black .comment_item .comment_face img { width:30px; height:30px; border-radius:15px;}
.black .comment_item .comment_content { color:#999;}
.black .comment_item .comment_user { color:#666;}
.black .comment_item .userName { color:#ffc600;}
.black .comment_item .replay_btn,.black .comment_item .zan_btn,.black .comment_item .edit_btn { color:#999;}
.black .comment_item .replay_btn:hover,.comment_item .zan_btn:hover { color:#aaa;}
.black .comment_item .zan_btn .num { color:#999;}
.black .comment_item .zan_btn:hover .num { color:#aaa; text-decoration:none;}
.black .comment_item .comment_reply { background-color:#2d2e2d; border:1px solid #3a3a3a; padding:3px 3px 0; margin-bottom:3px;}
.black .emot { display:none;}
.black .pageNavigation { padding:15px 0 5px;}

.black .pageNavigation a,.black .pageNavigation span { box-shadow:none; background-color:#292929; border:1px solid #3a3a3a;}
.black .pageNavigation .current { background-color:#ffc600; color:#222;}
.black .pageNavigation .kill { color:#4f4f4f; border:1px solid #363636; background-color:#303030;}

.black .write2014 .cmt_txt { min-height:60px; _height:60px;}