﻿.live-area-middle{position:relative}
.liveinfo-area{position:relative}
.liveinfo-area a,.liveinfo-area span{float:left;height:30px;line-height:30px}
.liveinfo-area i{float:left;margin:2px 0 0}
.liveinfo-area .text-overflow{max-width:150px}
.liveinfo-area .liveinfo-area-home{color:#D1F16A;margin:0 10px 0 0}
.liveinfo-area .liveinfo-area-time{float:right;display:none;color:#D1F16A}
.liveinfo-area .liveinfo-area-follow{float:right;cursor:pointer;height:18px;line-height:18px;margin-top:5px;margin-right:5px}
.liveinfo-area .liveinfo-area-follow.followed{border:0;margin-top:6px;margin-right:6px}
.liveinfo-area .follow-count{float:right}
.player-area{position:relative;height:360px}
.flash-area{width:100%;height:100%;background:#ccc;}
.wo-tip{position:absolute;right:0;bottom:0;background:url(../images/wo-tip-77ec7a.png) no-repeat 0 0;width:114px;height:110px}
.rest-info-area{display:none;height:100%;background:url(../images/rest-bg-ff1c96.jpg) no-repeat 0 0}
.rest-info-area p{color:#999}
.rest-info-area .rest-area-message{width:250px;height:48px;line-height:24px;padding:115px 0 0;margin:0 auto;
    font-size:14px;font-family:'Microsoft Yahei';text-align:center}
.rest-info-area .rest-area-time{margin:0 0 0 285px}
.rest-info-area ul{margin:66px 0 0 44px}
.rest-info-area li{float:left;position:relative;width:100px;height:100px;overflow:hidden}
.rest-info-area li a{position:absolute;left:0;top:0;display:block;width:100px;height:100px;background:url(../images/transparent-628a77.png)
repeat\0;-webkit-box-shadow:inset 0 -4px 27px 8px rgba(0,0,0,.6);-moz-box-shadow:inset 0 -4px 27px 8px rgba(0,0,0,.6);
    box-shadow:inset 0 -4px 27px 8px rgba(0,0,0,.6)}.rest-info-area .rest-middle-star{margin:0 46px 0 47px}
.rest-info-area .rest-live-tip{position:absolute;top:0;right:0;width:35px;height:20px;line-height:20px;
    text-align:center;background-color:#99CD00;background-color:rgba(153,205,0,.8)}
.rest-info-area img{height:100px}
.rest-info-area .rest-live-room-count{position:absolute;bottom:0;left:5px;width:70px;height:25px;line-height:25px}
.rest-info-area .rest-live-room-count i{float:left}
.star-gift-info-area{position:absolute;left:10px;top:10px}
.star-gift-info-area li{height:30px;line-height:30px;margin:0 0 5px}
.star-gift-info-area li span{float:left;margin:0 5px 0 0;text-shadow:1px 1px 1px rgba(0,0,0,.6);text-align:center}
.gift-animate-area{position:absolute;left:0;top:0;display:none;width:100%;height:100%;z-index:10}
.gift-animate-area img{position:absolute;width:100px;height:100px}
#treasure-area{position:absolute;left:0;bottom:0;width:120px;height:250px}
.sofa-toggle-area{display:none;position:absolute;left:210px;line-height:30px;text-align:center;color:#CCC;cursor:pointer;z-index:10}
.sofa-toggle-area i{margin:5px 0 0 17px}.sofa-toggle-area span{display:none}
.sofa-toggle-area:hover i{display:none}
.sofa-toggle-area:hover span{display:block}
.sofa-toggle-show-area{bottom:0}


.sofa-area{position:relative;/*height:110px;*/padding:0 20px}
.sofa-area .icon-sofa-hide{top:0}
.sofa-area li{position:relative;float:left;padding:12px 20px 0}
.sofa-area .sofa-last{margin:0}
.sofa-area .live-popup{display:none;top:-65px;left:-67px;width:225px}
.sofa-area li:hover .live-popup{display:block}
.sofa-area .live-popup .live-popup-arrow{left:109px}
.sofa-area .live-popup p{line-height:24px}
.sofa-area .live-popup input{width:50px;padding:0 5px;text-align:center;height:18px;line-height:18px;margin:-2px 5px 0;text-align:center;
    border:1px solid #999;-webkit-border-radius:9px;-moz-border-radius:9px;-o-border-radius:9px;border-radius:9px}
.sofa-area .live-popup a{margin:-2px 0 0 5px}
.sofa-area .sofa-area-user{position:relative;width:70px;height:70px;background-color:#FFF;-webkit-border-radius:50%;-moz-border-radius:50%;
    -o-border-radius:50%;border-radius:50%}
.sofa-area .sofa-area-user img{width:60px;height:60px;margin:5px 0 0 5px;-webkit-border-radius:50%;-moz-border-radius:50%;
    -o-border-radius:50%;border-radius:50%}
.sofa-area .sofa-area-user i{position:absolute;bottom:-3px;left:14px}
.sofa-area .sofa-area-name{width:70px;margin:5px 0 0;color:#FFE65E;text-align:center}
.sofa-area .sofa-empty{}.sofa-area .sofa-empty .sofa-area-name{color:#FFF}

.animate-toggle-area{float:right;height:30px;line-height:30px;margin:0 5px 0 0}
.animate-toggle-area label{float:left;margin:0 10px 0 0}
.animate-toggle-area div{float:left;position:relative;width:50px;height:16px;overflow:hidden;margin:7px 0 0;-webkit-border-radius:8px;
    -moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;cursor:pointer}
.animate-toggle-area div *{position:absolute;-webkit-transition:left .2s;-moz-transition:left .2s;-o-transition:left .2s;transition:left .2s}
.animate-toggle-area div i{left:1px;top:1px;width:14px;height:14px;background-color:#CCC;-webkit-border-radius:7px;-moz-border-radius:7px;
    -o-border-radius:7px;border-radius:7px;z-index:10}
.animate-toggle-area div span{display:inline-block;width:50px;height:16px;line-height:16px}
.animate-toggle-area .animate-toggle-off{left:-50px;background-color:#661E1E;text-indent:10px}
.animate-toggle-area .animate-toggle-on{left:0;background-color:#54602A;text-indent:22px}
.animate-toggle-area.animate-off i{left:34px}.animate-toggle-area.animate-off .animate-toggle-off{left:0}
.animate-toggle-area.animate-off .animate-toggle-on{left:50px}.gift-opr-area{height:30px;line-height:30px;padding:5px 0}
.gift-opr-area .live-popup{top:auto;bottom:35px;left:0;width:140px;color:#666}
.gift-meme-area{float:left;position:relative;margin:0 15px 0 0}.gift-meme-area .icon-meme{cursor:pointer}
.gift-meme-area span{position:absolute;right:0;bottom:0;width:12px;height:12px;line-height:12px;color:#FFE65E;
    text-align:center;border:1px solid #FFE65E;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}
.gift-meme-area .live-popup{bottom:30px;width:180px;line-height:20px}
.gift-meme-area:hover .live-popup{display:block!important;padding:10px}.gift-count-area{width:78px}
.gift-count-area input{width:50px;height:28px;line-height:28px;text-indent:10px}
.gift-count-area .live-popup{width:155px}.gift-count-area li{margin:0 0 5px}
.gift-count-area li i{float:left;width:36px;height:36px;margin:0 5px 0 0;background-color:#F99}
.gift-opr-send-tip{float:left;margin:0 10px;color:#D1F16A}.gift-user-area{width:140px}
.gift-user-area li{width:140px}.gift-user-area .gift-user-area-name{float:left;width:120px;text-indent:10px;text-align:center}
.gift-send-area{float:left;margin:0 10px}.gift-send-area .live-popup{width:95px;line-height:14px;padding:10px}
.gift-send-area .live-popup *{cursor:pointer}
.gift-opr-area .btn-charge{float:left;width:33px;margin:5px 0 0; background-color:#FFE65E!important;
    border-color:#FFE65E!important;color:#666!important}
.gift-opr-area .btn-charge:hover{background-color:#FFC107!important;border-color:#FFC107!important}