/*湖南艺术资源库*/
@charset "UTF-8";
.header_bg{
    position: relative;
    float: left;
    width: 100%;
    min-width: 1200px;
    height: 400px;
    background: url(../images/ysda/bg.jpg) no-repeat center 0;
}

.ysda_detailbox{ float: left; width: 1200px;}
.detail_titlebox{ font-size: 36px; color: #000; font-weight: 600; line-height: 50px; letter-spacing: 1px;}
.detail_typebox{ font-size: 12px; color: #fff; line-height: 20px; margin: 20px 0;}
.detail_typebox span{ display: inline-block; padding: 0 6px; background: #293e97; border-radius: 3px; margin-right: 5px;}
.detail_typebox span.city{ background: rgba(0, 0, 0, .2);}
.detail_descbox{ font-size: 12px; color: rgba(4,4,4,.3); margin-bottom: 15px;}
.detail_descbox span{ margin-right: 30px;}
.detail_contentbox{ float: left; width: 1200px; font-size: 16px; line-height: 30px; text-align: justify;}
.detail_contentbox img{ display:inline-block;max-width:100%;height:auto; margin:10px 0;}
.detail_contentbox video{ width: 1200px; height: 700px; background-color: #000;}
.detail_contentbox .audio_title{ font-size: 16px; color: #000; text-indent: 25px; margin-bottom: 5px;}
.detail_contentbox audio{
    width: 100%;
    border: 1px solid rgba(41,62,151,.25);
    border-radius: 50px;
    outline: none;
}


.detail_guide{ float: left; width: 1000px; margin: 50px 100px 70px 100px; padding-top: 15px; border-top: 1px solid rgba(0,0,0,.1); font-size: 12px;}
.detail_guide .next_article,.detail_guide .prev_article{ color: rgba(4,4,4,.5);}
.detail_guide .next_article:hover,.detail_guide .prev_article:hover{ color: #293e97;}
.detail_guide .next_article{ float: right;}


/*分类*/
.ysda_type_page{
    position: relative;
    width: 1335px;
    margin: 0 auto;
}
.ysdascroll{ position:relative; float:left; width:1335px; height:436px; margin:40px 0 50px 0; overflow:hidden; }
.ysdascroll .bd{ float:left; margin:0 58px;}
.ysdascroll .bd ul{ overflow:hidden; zoom:1; }
.ysdascroll .bd ul li{ float:left; width:224px; height:436px; margin:0 10px;}
.ysdascroll .bd ul li .pic{ position:relative; float:left; width:224px; height:436px;}
.ysdascroll .bd ul li .pic span{ position:absolute; left:0; bottom:40px; width:224px; height:5px; background:url(../images/ysda/icon_03.png) no-repeat center 0;}
.ysdascroll .next{ position:absolute;right:0; top:202px; display:block;  width:32px; height:32px; overflow:hidden;
        cursor:pointer; background:url(../images/ysda/icon_02.png) no-repeat;}
.ysdascroll .prev{ position:absolute;left:0; top:202px; display:block;  width:32px; height:32px; overflow:hidden;
        cursor:pointer; background:url(../images/ysda/icon_01.png) no-repeat;}