@charset "utf-8";
/*
Version: IVP
Author:  yawen.yi
Created: 2013.5.15.
Model:   header	
*/

#bk_content{background:url(//cdnfile.happyia.com/qzone/ivp/style/img/top-bk.gif) repeat-x;min-width:960px;}

em{ color:#00adef; font-weight:bold;}

/*  content part  */
#content{margin-top:6px;_margin-top:11px; border:1px #dbe2f0 solid; border-top:none;}
.main-left,.main-center,.main-right,.bottom-left,.bottom-right{ float:left; }
.main-left,.main-center{margin-right:14px;_display:inline;}
.main-center,.talk-send p,.bless,.bless-notes,.box-user,.box-gift,.gift-send,.bottom-left,.box-fans,.one-time,.one-user{background:#fff; filter:alpha(opacity=80);/*针对IE浏览器*/  opacity:.80;/*针对标准浏览器：firefox,chrome,opera*/ border:#bcbec0 1px solid;}
.top{height:55px;_width:963px;background:url(//cdnfile.happyia.com/qzone/ivp/style/img/content_topline.png) left top  repeat-x; text-align:center; }
.tool{ clear:both;text-align:center; padding-top:20px;*padding-top:10px; padding-left:130px; text-align:center;}
.tool ul li{ float:left; width:100px;}
.tool ul li a{ padding:7px 14px 9px 12px;position:relative;}
.tool ul li a.pop:hover{background:url(//cdnfile.happyia.com/qzone/ivp/style/img/toolbar-bk.gif) repeat-x;border:1px #96beda solid; border-bottom:none;z-index:99; overflow:visible;}
.tool .set-on,.set-off{ display:inline-block;width:27px; height:27px; position:absolute;top:1px; left:67px;}
.tool .set-on{ background:url(//cdnfile.happyia.com/qzone/ivp/style/img/on.png) center no-repeat;}
.tool .set-off{background:url(//cdnfile.happyia.com/qzone/ivp/style/img/off.png) center no-repeat;}
.main{ background:#ffffff;padding:10px;padding-bottom:40px;}
.video-num{ height:55px;background:url(//cdnfile.happyia.com/qzone/ivp/style/img/content_topline.png) left top  repeat-x; }
.video-num p{ padding:13px 0 0 50px; font:20px "微软雅黑", "宋体", Arial, Helvetica, sans-serif;}
.video-num p em{ padding:0 10px; font-weight:lighter;}

.video-host{ height:450px;margin:0 15px 0 20px; padding:50px; overflow:hidden;}
.video-host-font{ color:#b5b5b7;font:bold 16px "微软雅黑", "宋体", Arial, Helvetica, sans-serif; text-align:center; margin:130px 0 300px 0;}
.video-box{ margin-left:-33px; height:250px;}
.video-box p{float:left;width:223px;text-align:right;margin-left:45px; margin-bottom:100px;_display:inline;position:relative;}
.video-box2 p{margin-bottom:50px;_display:inline;}
.video-box p img{border:1px #ededed solid;}
.video-box b{ padding-left:10px; display:block;background-color:#f8f8f8; border-bottom:1px #ededed solid;}
.video-box .video-inform {display:block;width:200px; text-align:left;line-height:25px;position:relative;background:url(//cdnfile.happyia.com/qzone/ivp/style/img/squarelist-bk.gif) center 26px repeat-x; border:1px #ededed solid;position:absolute;top:150px; left:21px;}
.video-box .video-inform img{border:none;position:absoluttop:4px;*top:-3px;left:-3px;width:18px;}
.video-box .video-start{ position:absolute; top:100px; left:170px;}
.video-box .video-start img{ border:none}
.video-start{ position:absolute; top:100px; left:250px;}
.play-font,.com-font{ float:left;}
.play-font{ width:130px; padding-left:10px;}
.popline{display:block;padding-top:55px;}
.popline a{ text-decoration:underline; padding-left:10px;}
.popline a:hover{ color:#00adef;}

/* video_play.html*/
.video-title{ clear:both; text-align:left;}
.title-left{float:left; width:760px;height:40px; padding-top:12px; overflow:hidden;}
.create-time{ float:left; margin-top:20px;}
.video-title .bigfont{ font:"微软雅黑", "宋体", Arial; font-size:22px; padding-left:70px;}
.video-title i{ padding-left:20px;}
.main2{ padding-left:52px;}
.video-play{ height:400px; background:url(//cdnfile.happyia.com/qzone/ivp/style/img/video_bkline.gif) repeat-x; padding:25px 0 0 105px; }
.video-left{ float:left; width:460px;}
.video-left .video img{ border:1px #bcbec0 solid;}
.video-right{ float:left;height:375px; width:283px; background-color:#FFF;border:1px #bcbec0 solid; border-left:none;position:relative;}
.video-talk{ padding:14px 15px; color:#666; height:318px;overflow-x:hidden;overflow-y:auto;}
.video-talk { line-height:25px}
.video-talk span{color:#3ecbf2;}
.video-talk var{ background-color:#3ecbf2; color:#FFF; padding:2px 3px;}
.video-talk i{ padding:0 5px;}
.share{ width:274px;height:23px; text-align:right; padding:7px 9px 0 0; background:url(//cdnfile.happyia.com/qzone/ivp/style/img/share_bk.gif) repeat-x; position:absolute; top:345px;left:0px; border-left:1px #bcbec0  solid;}
.share img{ border:none;}

.video-comment{ clear:both; width:815px;height:185px; padding:0 20px; margin:20px 0;border:1px #bcbec0 solid; background-color:#FFF;  }
.video-comment h2{ padding-left:0px; margin-bottom:10px;}
.video-comment .comment{ clear:both;width:100%;height:80px;border:1px #bcbec0 solid; overflow-x:hidden;overflow-y:hidden;}
.video-comment .comment i{ color:#3ecbf2;}
.reprint{ margin-top:20px; margin-left:660px;}
.nav-expression{ padding-left:530px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.reprint{width:2000px;}
}/*兼容chrome浏览器*/  

.bottom{width:862px;overflow:hidden;*zoom:1;}
.bottom-left{width:99%; margin-right:7px;_display:inline;}
.bottom-left p{ margin:20px 20px 20px 20px; border-bottom:1px #bcbec0 dashed; line-height:21px; padding-bottom:10px;}
.bottom-left strong{ font-weight:bold; color:#3ecbf2; padding-right:10px;}
.bottom-left i{ padding-left:30px;}
.bottom-left b{ display:block; font-weight:lighter;}

.comment-box{clear:both;width:96%; margin-left:20px; padding:10px 0;}
.comment-box p{ float:left; border-bottom:none; margin:7px 0 0 0;_margin:0px;_display:inline;}
.comment-box i{ display:block; padding:8px 0 0 0;}
.com-card{min-height:70px; max-height:80px; overflow:hidden;border-bottom:1px #bdbdbd dashed;}
.com-photo{width:65px;}
.com-photo img{ border:1px #CCC solid;}
.com-inform{ width:680px; padding-right:0px; min-height:50px; max-height:70px; overflow:hidden;}
.reply{ text-align:right; font-weight:bold;}
.reply a:hover{ color:#3ecbf2;}
.reply-show{ padding-left:14px;_padding-top:7px; clear:both;}
.reply-show .com-photo{ width:50px;}
.reply-show strong{ font-weight:100;}
.reply-show .reply-inform{ color:#000;}
.reply-show a.reply2:hover{color:#3ecbf2;}
.write-reply { padding-left:50px; position:relative;}
.write-reply textarea{ width:400px; height:72px; overflow-x:hidden;overflow-y:hidden; border:1px #999 solid;}
.reply-box p{ padding-bottom:0px;}
.reply-btn{ display:block;width:400px;padding-left:50px;*padding-top:10px;}
.reply-btn .face-nav{padding-left:250px;}
.combox{ position:relative;}
.font-num{ color:#B7B7B7; position:absolute; top:58px; left:775px;}
.font-num2{ color:#B7B7B7; position:absolute; top:53px; left:415px;}


#liveRoomGift{width:1px;height:1px;position:absolute;left:50;top:274px;z-index:50000;margin-left:10px;pointer-events:none;}
#liveMagicRoomGift{width:1px;height:1px;position:absolute;left:50;top:274px;z-index:60000;margin-left:10px;pointer-events:none;}
#gift{z-index:-1;width:765px; height:345px; position:absolute; top:50px; left:10px;}
.fly{ z-index:111;width:960px; height:55px; position:absolute; top:330px; left:0; white-space:nowrap; overflow:hidden;}
.fly p{ font-size:35px; color:#c72dff; font-family:"微软雅黑", "宋体", Arial, Helvetica, sans-serif;}