/* 滚动弹幕 */
#barrage-container {
    margin: 30px 0 80px;
   
    background: #b33333;
    border-radius: 10px;
    margin: 0 auto;
    padding-top: 30px;
    overflow: hidden;
    box-sizing: border-box;
}

#barrage-container .barrage-row {
    height: 80px;
    margin-bottom: 17px;
    position: relative;
}

.barrage-row .barrage-item {
    width: auto;
    max-width: 566px;
    height: 65px;
    line-height: 50px;
    padding: 7px 10px 12px 10px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 1200px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10);
    border-radius: 35px;
    float: left;
}

.barrage-row .barrage-item-detail {
    font-size: 14px;
    line-height: 27px;
    display: inline-block;
    vertical-align: middle;
    color: #333333;
    /* width: auto; */
    width: calc(100% - 80px);
    max-width: 490px;
    height: 100%;
    overflow: hidden;
    float: left;
}

.barrage-item img {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 15px;
}

.barrage-item .userImg {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 10px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url("http://zhuanti.9998.tv/15years/images/yewu.jpg");
    float: left;
}

.barrage-row .barrage-item-detail span {
    font-weight: bold;
    color: #202020;
    display: none;
}

.barrage-item-hover .barrage-item-detail,
.barrage-item-hover-3 .barrage-item-detail {
    overflow: auto;
}

.barrage-row .barrage-item-hover,
.barrage-row .barrage-item-hover-3 {
    height: auto;
    z-index: 1;
}

.barrage-row .barrage-item-hover .barrage-item-detail,
.barrage-row .barrage-item-hover img {
    vertical-align: top;
}

.barrage-row .barrage-item-hover .barrage-item-detail,
.barrage-row .barrage-item-hover .userImg {
    vertical-align: top;
}

.barrage-row .barrage-item-hover-3 {
    bottom: 0;
}

.barrage-row .barrage-item-hover-3 .barrage-item-detail,
.barrage-row .barrage-item-hover-3 img {
    vertical-align: top;
}

.barrage-row .barrage-item-hover-3 .barrage-item-detail,
.barrage-row .barrage-item-hover-3 .userImg {
    vertical-align: top;
}

/* =_= */
.barrage-item .userImg-0 {
    background-position: 0 0;
}

.barrage-item .userImg-1 {
    background-position: 0 -50px;
}

.barrage-item .userImg-2 {
    background-position: 0 -100px;
}

.barrage-item .userImg-3 {
    background-position: 0 -150px;
}

.barrage-item .userImg-4 {
    background-position: 0 -200px;
}

.barrage-item .userImg-5 {
    background-position: 0 -250px;
}

.barrage-item .userImg-6 {
    background-position: 0 -300px;
}

.barrage-item .userImg-7 {
    background-position: 0 -350px;
}

.barrage-item .userImg-8 {
    background-position: 0 -400px;
}

.barrage-item .userImg-9 {
    background-position: 0 -450px;
}

.barrage-item .userImg-10 {
    background-position: 0 -500px;
}

.barrage-item .userImg-11 {
    background-position: 0 -550px;
}

.barrage-item .userImg-12 {
    background-position: 0 -600px;
}

.barrage-item .userImg-13 {
    background-position: 0 -650px;
}

.barrage-item .userImg-14 {
    background-position: 0 -700px;
}

.barrage-item .userImg-15 {
    background-position: 0 -750px;
}

.barrage-item .userImg-16 {
    background-position: 0 -800px;
}

.barrage-item .userImg-17 {
    background-position: 0 -850px;
}

.barrage-item .userImg-18 {
    background-position: 0 -900px;
}

.barrage-item .userImg-19 {
    background-position: 0 -950px;
}

.barrage-item .userImg-20 {
    background-position: 0 -1000px;
}

.barrage-item .userImg-21 {
    background-position: 0 -1050px;
}

.barrage-item .userImg-22 {
    background-position: 0 -1100px;
}

.barrage-item .userImg-23 {
    background-position: 0 -1150px;
}

.barrage-item .userImg-24 {
    background-position: 0 -1200px;
}

.barrage-item .userImg-25 {
    background-position: 0 -1250px;
}

.barrage-item .userImg-26 {
    background-position: 0 -1300px;
}

.barrage-item .userImg-27 {
    background-position: 0 -1350px;
}

.barrage-item .userImg-28 {
    background-position: 0 -1400px;
}

.barrage-item .userImg-29 {
    background-position: 0 -1450px;
}

.barrage-item .userImg-30 {
    background-position: 0 -1500px;
}

.barrage-item .userImg-31 {
    background-position: 0 -1550px;
}

.barrage-item .userImg-32 {
    background-position: 0 -1600px;
}

.barrage-item .userImg-33 {
    background-position: 0 -1650px;
}

.barrage-item .userImg-34 {
    background-position: 0 -1700px;
}

.barrage-item .userImg-35 {
    background-position: 0 -1750px;
}

.barrage-item .userImg-36 {
    background-position: 0 -1800px;
}

.barrage-item .userImg-37 {
    background-position: 0 -1850px;
}

.barrage-item .userImg-38 {
    background-position: 0 -1900px;
}

.barrage-item .userImg-39 {
    background-position: 0 -1950px;
}

.barrage-item .userImg-40 {
    background-position: 0 -2000px;
}

.barrage-item .userImg-41 {
    background-position: 0 -2050px;
}

.barrage-item .userImg-42 {
    background-position: 0 -2100px;
}

.barrage-item .userImg-43 {
    background-position: 0 -2150px;
}

.barrage-item .userImg-44 {
    background-position: 0 -2200px;
}

.barrage-item .userImg-45 {
    background-position: 0 -2250px;
}

.barrage-item .userImg-46 {
    background-position: 0 -2300px;
}

.barrage-item .userImg-47 {
    background-position: 0 -2350px;
}

.barrage-item .userImg-48 {
    background-position: 0 -2400px;
}

.barrage-item .userImg-49 {
    background-position: 0 -2450px;
}

.barrage-item .userImg-50 {
    background-position: 0 -2500px;
}

.barrage-item .userImg-51 {
    background-position: 0 -2550px;
}

.barrage-item .userImg-52 {
    background-position: 0 -2600px;
}

.barrage-item .userImg-53 {
    background-position: 0 -2650px;
}