.barrage { position: fixed; bottom: 70px; white-space: nowrap; z-index: 99999; 
/*-webkit-transition: all 0.5s linear; 
-moz-transition: all 0.5s linear; 
-o-transition: all 0.5s linear; 
transition: all 0.5s linear;*/
}
.barrage_box { position: relative; background-color: rgba(0,0,0,.5); height: 40px; display: inline-block; border-radius: 25px;transition: all .3s;}
.barrage_box .portrait{ position: absolute; left: 0; top: 0; display: inline-block; margin-top: 4px; margin-left: 4px; width: 32px;height: 32px;border-radius: 50%;overflow: hidden;}
.barrage_box .portrait img{ width: 100%;height: 100%;}
.barrage_box div.p { padding: 0 15px 0 42px; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis;}
.barrage_box div.p a{ font-size: 14px;color: #fff;line-height: 40px; }
.barrage_box div.p a:hover{ text-decoration: none;}
.barrage_box .close { visibility: hidden;opacity: 0; text-align: center; width:25px;height: 25px;margin-left: 20px;border-radius: 50%;background:rgba(255,255,255,.1);margin-top:8px; background-image: url(close.png);}
.barrage_box:hover .close{ visibility:visible;opacity: 1;}
.barrage_box .close a { display:block; }
.barrage_box .close .icon-close { font-size: 14px;color:rgba(255,255,255,.5);display: inline-block;margin-top: 5px; }
.barrage .z { float:left; }
.barrage a{ text-decoration:none; }