/* 武陵山区(湘西)文化生态资源库 - 湘西非遗（非遗传承人）*/
@charset "UTF-8";
html,body{
    background: url(../../images/xxfy/fyccr/page-bg.jpg) repeat-y center 0;
}
.bottom-bg{
    position: relative;
    float: left;
    width: 100%;
    min-width: 1458px;
    min-height: 1100px;
    background: url(../../images/xxfy/fyccr/b-bg.jpg) no-repeat center bottom;
}
.top-bg{
    position: relative;
    float: left;
    width: 100%;
    min-width: 1458px;
    min-height: 602px;
    background: url(../../images/xxfy/fyccr/t-bg.jpg) no-repeat center 130px;
}
.fyccr_header{
    float: left;
    width: 1458px;
    margin: 190px 0 35px 0;
}
.fyccr_header .titlebox{
    float: left;
    width: 588px;
    font-family:'NSimSun_Fnt';
    font-size: 32px;
    color: #000;
    text-align: center;
    margin: 0 435px 20px 435px;
}
.fyccr_header .titlebox span{ display: inline-block; background: url(../../images/xxfy/fyccr/icon_01.png) no-repeat center bottom; line-height: 40px; padding: 0 8px 5px 10px;}
.fyccr_header ul{
    float: left;
    width: 588px;
    margin: 0 435px;
    
    font-family:'NSimSun_Fnt';
    color: #000;
}
.fyccr_header ul li{
    float: left;
    width: 196px;
    background: url(../../images/xxfy/fyxm/icon_05.png) no-repeat right 20px;

    font-size: 16px;
    line-height: 20px;
    text-align: center;
}
.fyccr_header ul li:last-child{ background: none;}
.fyccr_header ul li .num{ font-size: 50px; line-height: 65px;}
.filter_box{
    float: left;
    width: 1450px;
    margin:0 4px 35px 4px;
}
.filter_box .li_width{
    position: relative;
    float: left;
    width: 302px;
    height: 65px;
	background: #fff url(../../images/xxfy/fyccr/icon_02.png) no-repeat;
    margin-right: 24px;
}
.filter_box .li_width label{
    float: left;
    width: 65px;
    font-family:'NSimSun_Fnt';
    font-size: 18px;
    color: #000;
    line-height: 65px;
    text-align: center;
    background: url(../../images/xxfy/icon_06.png) no-repeat right center;
}
.filter_box .li_width .sel-box{
    float: left;
    width: 230px;
}
.filter_box .li_control{
    float: left;
    width: 472px;
    height: 65px;
    background: url(../../images/xxfy/fyxm/icon_02.png) no-repeat;
}
.filter_box .li_control label{
    float: left;
    width: 100px;
    font-family:'NSimSun_Fnt';
    font-size: 18px;
    color: #000;
    line-height: 65px;
    text-align: center;
    background: url(../../images/xxfy/icon_06.png) no-repeat right center;
}
.filter_box .li_control .txt-search{
    float: left;
    width: 320px;
    height: 65px;
    background: transparent;
    border: 0;
    font-family:'HMOS_S_S_Regular';
    font-size: 16px;
    color: #000;
    line-height: 65px;
    text-indent: 15px;
}
.filter_box .li_control .txt-search::-webkit-input-placeholder { /* WebKit browsers */
    color: rgba(0,0,0,.23);
}
.filter_box .li_control .txt-search::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(0,0,0,.23);
}
.filter_box .li_control .txt-search::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(0,0,0,.23);
}
.filter_box .li_control .txt-search::-ms-input-placeholder { /* Internet Explorer 10+ */
    color: rgba(0,0,0,.23);
}
.filter_box .li_control .btn-search{
    float: left;
    width: 52px;
    height: 65px;
    background: url(../../images/xxfy/icon_select_dark.png) no-repeat center center;
    border: 0;
    cursor: pointer;
}
.filter_box .li_control .btn-search:hover{
    background: url(../../images/xxfy/icon_select_light.png) no-repeat center center;
}


ul.fyccr-datalist{
    float: left;
    width: 1458px;
    margin-bottom: 15px;
}
ul.fyccr-datalist li{
    float: left;
    width: 234px;
    height: 392px;
    border: 5px solid #f6eddb;
    border-radius: 10px;
    background: #f6eddb;
    padding: 14px 15px;
    margin-right: 22px;
    margin-bottom: 22px;
}
ul.fyccr-datalist li:nth-child(5n){ margin-right: 0;}
ul.fyccr-datalist li:hover{
    border-color: #5d97cd;
    background: #fff;
}
ul.fyccr-datalist li .imgbox{
    float: left;
    width: 234px;
    height: 298px;
    border-radius: 5px;
    margin-bottom: 13px;
}

ul.fyccr-datalist li .namebox{
    float: left;
    width: 234px;
    font-family: "NSimSun_Fnt";
    font-size: 26px;
    color: #151820;
    font-weight: 600;
    line-height: 40px;
    border-bottom: 1px solid #d3b882;
    padding-bottom: 8px;
    margin-bottom: 10px;
}
ul.fyccr-datalist li .descbox{
    float: left;
    width: 234px;
    font-family: "NSimSun_Fnt";
    font-size: 14px;
    color: #151820;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
ul.fyccr-datalist li .descbox span{ margin: 0 7px;}

.fyccr_detailbox{
    float: left;
    width: 1378px;
    min-height: 930px;
    padding: 40px;
    background: #fff;
    margin-bottom: 30px;
}
.fyccr_detailbox .detail-left{
    float: left;
    width: 304px;
    min-height: 930px;
    margin-right: 28px;
}

.fyccr_detailbox .detail-left .ccr-infobox{
    float: left;
    width: 256px;
    background: #f6eddb;
    padding: 40px 24px 30px 24px;
    margin-bottom: 35px;
}
.fyccr_detailbox .detail-left .ccr-infobox .ccr-img{
    float: left;
    width: 256px;
    height: 298px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.fyccr_detailbox .detail-left .ccr-infobox .ccr-name{
	font-family:'NSimSun_Fnt';
    font-size: 26px;
    color: #151820;
    font-weight: 600;
    text-indent: 5px;
    margin: 0 11px 13px 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3b882;
}
.fyccr_detailbox .detail-left .ccr-infobox ul.info-list{
    float: left;
    width: 256px;
}
.fyccr_detailbox .detail-left .ccr-infobox ul.info-list li{
    float: left;
    width: 256px;
    height: 55px;
    background: #e3d6bc;
    border-radius: 3px;
	font-family:'NSimSun_Fnt';
    font-size: 18px;
    color: #151820;
    line-height: 55px;
    text-indent: 15px;
    margin-bottom: 10px;
}
.fyccr_detailbox .detail-left .ccr-infobox ul.info-list li:last-child{ margin-bottom: 0;}
.fyccr_detailbox .detail-left .ccr-titlebox{
    float: left;
    width: 304px;
	font-family:'NSimSun_Fnt';
    font-size: 28px;
    color: #000;
    line-height: 48px;
    text-indent: 9px;
    background: url(../../images/xxfy/fyccr/icon_03.png) no-repeat 3px bottom;
    margin-bottom: 20px;
}
.fyccr_detailbox .detail-left ul.item-list{
    float: left;
    width: 304px;
}
.fyccr_detailbox .detail-left ul.item-list li{
    float: left;
    width: 268px;
    height: 229px;
    padding: 18px 18px 12px 18px;
    margin-bottom: 20px;
    background: #e6eaf0;
}
.fyccr_detailbox .detail-left ul.item-list li .imgbox{
    position: relative;
    float: left;
    width: 268px;
    height: 150px;
    margin-bottom: 15px;
}
.fyccr_detailbox .detail-left ul.item-list li .imgbox span.type{
    position: absolute;
    top: 10px;
    right: 10px;
    background: #22598a;
	font-family:'HMOS_S_S_Regular';
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    padding: 0 10px;
}
.fyccr_detailbox .detail-left ul.item-list li .imgbox span.level{
    position: absolute;
    left: 10px;
    bottom: 8px;
	font-family:'HMOS_S_S_Regular';
    font-size: 16px;
    color: #fff;
    line-height: 21px;
    text-shadow: 0 0 2px rgba(0,0,0,.8);
}
.fyccr_detailbox .detail-left ul.item-list li .imgbox span.level i{ margin: 0 5px;}
.fyccr_detailbox .detail-left ul.item-list li .conbox{
    float: left;
    width: 248px;
    margin: 0 10px;
}
.fyccr_detailbox .detail-left ul.item-list li .conbox .name{  
    float: left;
    width: 248px;  
	font-family:'HMOS_S_S_Medium';
    font-size: 22px;
    color: #000;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.fyccr_detailbox .detail-left ul.item-list li .conbox .address{
    float: left;
    width: 223px;
	font-family:'HMOS_S_S_Medium';
    font-size: 16px;
    color: #8e8268;
    line-height: 21px;
    background: url(../../images/xxfy/fyccr/icon_04.png) no-repeat left center;
    padding-left: 25px;
}
.fyccr_detailbox .detail-right{
    position: relative;
    float: right;
    width: 874px;
    min-height: 830px;
    padding: 50px 75px;
    border: 2px solid #f6eddb;
    background: rgba(246,237,219,.4) url(../../images/xxfy/fyccr/con-bg.png) no-repeat 550px 34px;
    margin-bottom: 40px;

	font-family:'HMOS_S_S_Regular';
    font-size: 18px;
    color: #000;
    line-height: 30px;
    text-align: justify;
}
.fyccr_detailbox .detail-right img{ display: inline-block; max-width:100%;height:auto; margin: 10px 0;}
.fyccr_detailbox .detail-right:before, .fyccr_detailbox .detail-right:after {
    content: "";
    display: block;
    border-width: 15px;
    position: absolute;
    left: -30px;
    top: 40px;
    border-style: dashed solid solid dashed;
    border-color: transparent #f6eddb transparent transparent;
    font-size: 0;
    line-height: 0;
}

.fyccr_detailbox .detail-right:after {
    left: -27px;
    border-color: transparent #fbf8f1 transparent transparent;
}