.stage-detail .title {
    margin-bottom:30px;
}

.stage-detail .coverCon {
    width:100%;
    height: 315px;
    background-color:#eee;
}
.stage-detail .coverCon.onlyPoster{
    height:500px;
    background-color: inherit;
}
/*.stage-detail .coverCon img{*/
    /*display:block;*/
    /*position:relative;*/
    /*max-width:100%;*/
    /*max-height:100%;*/
    /*top:50%;*/
    /*transform:translateY(-50%);*/
    /*object-fit: cover;*/
    /*margin: 0px auto;*/
/*}*/

.stage-detail .detail-info {
    width: 30%;
    line-height:30px;
    margin-top:20px;
}
.stage-detail .clear {
    clear:both;
}

.stage-detail .content {
    margin:30px 0;
}
.recommend .cover{
    width:100%;
    height:100px;
    background-color:#888;
}

.recommend .title {
    margin-bottom:45px;
}
.rm-stage {
    margin-bottom:10px;
}
.recommend .rm-pic{
    width:100%;
    height:100px;
    display:block;
    overflow:hidden;
}
.recommend .coverUrl{
    display:block;
    position:relative;
    object-fit: cover !important;
}


/*

*/

.MediaRelatedPerson {
    max-width: 100%;
    margin-bottom:100px;
}
.MediaRelatedPerson .clear{
    clear:both;
}
.desc_label,
.rp_label {
    font-size:18px;
    font-weight:bold;
}
.related_person .picture{
    width:100px;
    height:100px;
    background-color:#1a1d1d;
    position:relative;
    border-radius:50%;
    overflow:hidden;
}
.related_person img {
    position:relative;
    max-width:100px;
    max-height:100px;
    top:50%;
    transform:translateY(-50%);
    object-fit: cover;
    margin: 0 auto;
    display: block;
    border-radius:50%;
}

.related_person {
    float:left;
    margin-top:20px;
}
.related_person .picture {
    float:left;
}
.related_person .info {
    float:right;
    width:80px;
}
.related_person .info span {
    font-size:16px;
    display:block;
    line-height:25px;
    margin-left:5px;
    margin-top:20px;
}
.related-con {
    height:500px;
    margin-top:37px;
}
.related-con .media-heading {
    margin-bottom:0px;
}
.related-con .sim-news {
    margin-bottom: 25px;
}

/* stage poster and stream */
.coverCon.hasStream div.poster {
    width: 32%;
    height: 100%;
    float: left;
    overflow:hidden;
}
.coverCon.onlyPoster div.poster {
    width: 100%;
    height: 100%;
}
.coverCon.hasStream div.stream {
    width: 67%;
    height: 100%;
    float: right;
    background-color: black;
}
/*.coverCon.hasStream img{*/
    /*display:block;*/
    /*position:relative;*/
    /*height:100%;*/
    /*top:50%;*/
    /*transform:translateY(-50%);*/
    /*object-fit: cover;*/
    /*margin: 0px auto;*/
/*}*/
.coverCon.hasStream img{
    width: 100%;
    height: auto;
}

.stage-detail .title_block {
    padding: 0 0 2px 0;
}
.stage-detail .title_block:before {
    content: " ";
    display: table;
}
.stage-detail .title_block:after {
    clear:both;
}
.titleBar {
    position: relative;
    margin-bottom: 20px;

}
.pickup{
    width: 100px;
    height: 32px;
    background: rgba(221,0,27,1);
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255,255,255,1);
    font-family:Source Han Sans CN;

}
.appeal{
    width:100px;
    height:32px;
    background: rgb(250, 250, 250);
    border:1px solid rgba(220, 220, 220, 1);
    border-radius: 4px;
    font-size:14px;
    font-family:Source Han Sans CN;
    font-weight:400;
    color:rgba(51,51,51,1);
    text-align: center;
}
.sim-news .stage-detail-pic{
    position: relative;
    display: block;
    width: auto;
    height: 130px;
    background: #ccc;
}
.sim-news .stage-detail-pic img{
    width: 100%;
    height: 80px;
    object-fit: cover;
    object-position: center top;
    transition: all .5s;
    border-radius: 10px;
}
.sim-news .stage-detail-info{
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 10px;
}
.titleBar .primary_ribbon {
    position: absolute;
    height: 58px;
    width: 40px;
    padding-right: 5px;
}
.titleBar .title_wrapper {
    min-height:58px;
}
.titleBar .title_wrapper h1{
    font: 36px Arial,sans-serif;
    font-weight: normal;
    line-height: 110%;
    margin: 0px;
    color: black;
    padding-bottom: 3px;
}
.titleBar .subtext {
    font-size: 14px;
    color: #6c6c6c;
}
.subtext .ghost{
    margin:0 .5em;
    color: #6b6b6b;
}

span.no {
    opacity: 0.7;
    display:inline-block;

    padding:4px 8px;
    line-height:16px;
}
span.picked {
    opacity: 1;
    color:#58290a;
    padding:4px 8px;
    display:inline-block;
    line-height:16px;
    cursor: pointer;
    border-radius: 3px;
    background: -webkit-linear-gradient(#ffde82, #ffc25c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ffde82, #ffc25c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ffde82, #ffc25c); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ffde82, #ffc25c); /* 标准的语法 */
}
span.picked:before{ content:'已认领'; display:none; }
span.picked:hover::before{
    width:70px;
    display:block;
    background:black;
    color:white;
    border:1px solid black;
    padding:2px 10px;
    margin:-25px 0 0 10px;
    position:absolute;
    filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8
}
span.picked:hover{ z-index:10; position:relative; }
span.no:before{ content:'待认领'; display:none; }
span.no:hover::before{
    width:70px;
    display:block;
    background:black;
    color:white;
    border:1px solid black;
    padding:2px 10px;
    margin:-25px 0 0 10px;
    position:absolute;
    filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8
}
span.no:hover{ z-index:10; position:relative; }

.wacBtn {
    margin-top: 20px;
}

.prism-player{
    height:100% !important;
}
@media only screen and (max-width: 768px) {
    .prism-player{
        height:220px !important;
    }
    .stage-detail .coverCon{
        height: auto;
    }
    div.poster{
        width:100% !important;
        float:none !important;
    }
    div.stream{
        width:100% !important;
        float:none !important;
    }
}

.recommend{
    padding-top: 20px;
}