/* 湖南非物质文化遗产 非遗资源库 */
@charset "UTF-8";
ul.fyzyk_tablist{
	float:left;
	width:844px;
	margin:2px 228px 86px 228px;
}
ul.fyzyk_tablist li{
	float:left;
	width:407px;
	height:70px;
	background:rgba(251,244,240,.2);
	margin-right:30px;
	cursor:pointer;
}
ul.fyzyk_tablist li:last-child{ margin-right:0;}
ul.fyzyk_tablist li i{
	display:inline-block;
	border:1px solid rgba(29,52,30,.25);
	background:rgba(251,244,240,.1);
	margin:7px;
	width:391px;
	height:54px;
	font-family:'SYHT';
	font-size:16px;
	color:#fff;
	line-height:54px;
	letter-spacing:1px;
	text-align:center;
}
ul.fyzyk_tablist li.cur{background:rgba(251,244,240,1);}
ul.fyzyk_tablist li.cur i{
	border:1px solid rgba(29,52,30,1);
	background:rgba(251,244,240,1);
	color:#1c321d;
}
.fyzyk_box{
	float:left;
	width:1180px;
	margin:60px 60px 0 60px;
}
.fyzyk_box .fyzyk_navbox{
	float:left;
	width:1180px;
	border-bottom:1px solid rgba(0,0,0,.1);
	padding-bottom:50px;
	margin-bottom:50px;
}
.fyzyk_box .fyzyk_navbox.remove{
	margin-bottom:0px;
}
.fyzyk_box .fyzyk_navbox .control_box{
	position:relative;
	float:left;
	width:278px;
	height:58px;
	background:#e4e9e5;
	border:1px solid rgba(28,50,29,.17);
	margin-right:20px;
}
.fyzyk_box .fyzyk_navbox .control_box:last-child{ margin-right:0;}
.fyzyk_box .fyzyk_navbox .control_box .txt_search{
	float:left;
	width:220px;
	height:58px;
	background:transparent;
	font-size:14px;
	color:rgba(46,70,53,.4);
	line-height:58px;
	text-indent:14px;
	border:0;
}
.fyzyk_box .fyzyk_navbox .control_box .btn_search{
	float:left;
	width:58px;
	height:58px;
	background:url(../images/icon_09.png) no-repeat center center;
	border:0;
	cursor:pointer;
	overflow:hidden;
}
.fyzyk_box .fyzyk_navbox .control_box i{
	float: left;
	display: inline-block;
	width: 56px;
	height: 58px;
	font-family:'PingFangJ';
	font-size:14px;
	color: #2e4635;
	font-weight:600;
	text-align: center;
	line-height: 58px;
	background:url(../images/icon_11.png) no-repeat right center;
}
.fyzyk_box .fyzyk_navbox .control_box .select_box{
	float:left;
	width:206px;
	height:58px;
	background:url(../images/icon_10.png) no-repeat right center;
	cursor:pointer;
}
.fyzyk_box .fyzyk_navbox .control_box .select_box p{
	width:176px;
	height:58px;
	font-family:'PingFangJ';
	font-size:14px;
	color:#2e4635;
	text-align:center;
	line-height:58px;
}
.fyzyk_box .fyzyk_navbox .control_box .select_box ul{
	position: absolute;
	top: 59px;
	right: -1px;
	width: 280px;	
	display: block;
	font-family:'PingFangJ';
	font-size: 15px;
	color:#2e4635;
	border-radius:30px;
	border-top-right-radius:0;
	max-height: 0px;
	overflow: hidden;
	transition: max-height .3s ease-in;
}
.fyzyk_box .fyzyk_navbox .control_box .select_box ul li {
	position: relative;
	width: 280px;	
	height: 50px;
	line-height: 50px;
	list-style: none;
	text-align:center;
    border-bottom:1px solid rgba(28,50,29,.17);
	background: #e4e9e5;
	color: #2e4635;
}
.fyzyk_box .fyzyk_navbox .control_box .select_box ul li:last-child{ border-bottom:0;}
.fyzyk_box .fyzyk_navbox .control_box .select_box ul li.Selected, .fyzyk_box .fyzyk_navbox .control_box .select_box ul li:hover{
	background:rgba(28,50,29,1);
	color: #fff;
}
.fyzyk_box .fyzyk_navbox @-webkit-keyframes slide-down{
	0%{transform: scale(1,0);}
	25%{transform: scale(1,1.2);}
	50%{transform: scale(1,0.85);}
	75%{transform: scale(1,1.05);}
	100%{transform: scale(1,1);}
}
.fyzyk_box .fyzyk_navbox .control_box .select_box.open ul {
	max-height: 620px;
	transform-origin: 50% 0;
	-webkit-animation: slide-down .5s ease-in;
	transition: max-height .2s ease-in;
	z-index: 999;
}
.fyzyk_box .fyzyk_navbox .control_box .select_box.open::after{
	transform: rotate(134deg);
	transition: all .3s ease-in;
	top: 70px;	
}
/* 修改placeholder颜色*/
::-webkit-input-placeholder {
  color:rgba(46,70,53,.4);
}

/* Firefox 4-18 */
:-moz-placeholder {
  color:rgba(46,70,53,.4);
}

/* Firefox 19-50 */
::-moz-placeholder {
  color:rgba(46,70,53,.4);
}

/* - Internet Explorer 10–11
- Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
  color:rgba(46,70,53,.4); !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
::-ms-input-placeholder {
  color:rgba(46,70,53,.4);
}

/* CSS Working Draft */
::placeholder {
  color:rgba(46,70,53,.4);
}

ul.fyxm_datalist{
	float:left;
	width:1180px;
	margin-bottom:37px;
}
ul.fyxm_datalist li{
	float:left;
	width:373px;
	height:400px;
	background:#e4e9e5;
	margin:0 30px 30px 0;
	overflow:hidden;
}
ul.fyxm_datalist li:nth-child(3n){ margin-right:0;}
ul.fyxm_datalist li .imgbox{
	position:relative;
	float:left;
	width:373px;
	height:300px;
	overflow:hidden;
}
ul.fyxm_datalist li .imgbox span{
	position:absolute;
	right:20px;
	top:20px;
	background:#1c321d;
	height:40px;
	padding:0 15px;
	font-family:'SYHT';
	font-size:14px;
	color:#fff;
	line-height:40px;
}
ul.fyxm_datalist li .conbox{
	float:left;
	width:335px;
	height:63px;
	border:1px solid rgba(28,50,29,.17);
	border-top:0;
	padding:18px;
}
ul.fyxm_datalist li .conbox .title{
	float:left;
	width:335px;
	font-family:'SYHT';
	font-size:22px;
	color:#000;
	line-height:30px;
	letter-spacing:2px;
	margin-bottom:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
ul.fyxm_datalist li .conbox .desc{
	float:left;
	width:335px;
	font-family:'PingfangJx';
	font-size:16px;
	color:rgba(0,0,0,.5);
	line-height:30px;
}
ul.fyxm_datalist li .conbox .desc i{
	display:inline-block;
	width:1px;
	height:10px;
	background:url(../images/icon_04.png) no-repeat center center;
	margin:0 7px;
}

ul.fyxm_datalist li:hover{ background:#1c321d;}
ul.fyxm_datalist li:hover .conbox .title{ color:#fff;}
ul.fyxm_datalist li:hover .conbox .desc{ color:rgba(255,255,255,.5);}
ul.fyxm_datalist li:hover .conbox .desc i{ background:url(../images/icon_12.png) no-repeat center center;}

ul.fyccr_datalist{
	float:left;
	width:1180px;
	margin-bottom:37px;
}
ul.fyccr_datalist li{
	float:left;
	width:272px;
	height:398px;
	border:1px solid rgba(28,50,29,.17);
	background:#e4e9e5;
	margin:0 28px 28px 0;
	overflow:hidden;
}
ul.fyccr_datalist li:nth-child(4n){ margin-right:0;}
ul.fyccr_datalist li .imgbox{
	position:relative;
	float:left;
	width:272px;
	height:300px;
	overflow:hidden;
}
ul.fyccr_datalist li .imgbox span{
	position:absolute;
	left:0;
	width:0;
	width:272px;
	height:300px;
	background:url(../images/icon_13.png) no-repeat center center;
	overflow:hidden;
}
ul.fyccr_datalist li .conbox{
	float:left;
	width:236px;
	height:62px;
	padding:18px;
	overflow:hidden;
}
ul.fyccr_datalist li .conbox .title{
	float:left;
	width:236px;
	font-family:'SYHT';
	font-size:22px;
	color:#000;
	line-height:30px;
}
ul.fyccr_datalist li .conbox .desc{
	float:left;
	width:236px;
	font-family:'PingfangJx';
	font-size:16px;
	color:rgba(0,0,0,.5);
	line-height:30px;
}
ul.fyccr_datalist li .conbox .desc i{
	display:inline-block;
	width:1px;
	height:10px;
	background:url(../images/icon_04.png) no-repeat center center;
	margin:0 7px;
}
ul.fyccr_datalist li:hover{
	background:#1c321d;
}
ul.fyccr_datalist li:hover .conbox .title{ color:#fff;}
ul.fyccr_datalist li:hover .conbox .desc{ color:rgba(255,255,255,.5);}
ul.fyccr_datalist li:hover .conbox .desc i{ background:url(../images/icon_12.png) no-repeat center center;}

.fyzxyk_detail{
	float:left;
	width:1158px;
	margin:81px 64px 0 78px;
}
.fyzxyk_detail .fyxm_imgbox{
	float:left;
	width:600px;
	height:482px;
	margin-bottom:70px;
	margin-right:60px;
	background:#1c321d;
	overflow:hidden;
}
.fyzxyk_detail .fyxm_conbox{
	float:left;
	width:498px;
	height:481px;
	border-bottom:1px solid rgba(0,0,0,.1);
}
.fyzxyk_detail .fyxm_conbox .titlebox{
	position:relative;
	float:left;
	width:498px;
	margin-top:25px;
	font-family:'SYHT';
	font-size:30px;
	color:#1c321d;
	line-height:46px;
	letter-spacing:1px;
}
.fyzxyk_detail .fyxm_conbox .titlebox .mp3Box{
	position:absolute;
	right:0;
	top:0;
	width:46px;
	height:46px;
	background:url(../images/icon_15.png) no-repeat center center;
	cursor:pointer;
	overflow:hidden;
}
.fyzxyk_detail .fyxm_conbox .desc{
	float:left;
	width:498px;
	font-family:'PingFangJ';
	font-size:16px;
	color:rgba(0,0,0,.5);
	line-height:30px;
}
.fyzxyk_detail .fyxm_conbox .desc i{
	display:inline-block;
	width:1px;
	height:10px;
	background:url(../images/icon_04.png) no-repeat center center;
	margin:0 8px;
}
.fyzxyk_detail .fyxm_conbox .audio-infobox{
	float:left;
	width:498px;
	height:20px;
	background:rgba(0,0,0,.1);
	margin:15px 0;
	overflow:hidden;
}
.fyzxyk_detail .fyxm_conbox .audio-infobox .audio-title{
	float:left;
	min-width:206px;
	max-width:360px;
	height:20px;
	background:#6d8e49;
	font-family:'PingFangJ';
	font-size:12px;
	color:#fff;
	line-height:20px;
	text-indent:10px;
	padding-right:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.fyzxyk_detail .fyxm_conbox .audio-infobox .audio-time{
	float:right;
	font-family:'PingFangJ';
	font-size:12px;
	color:rgba(0,0,0,.5);
	line-height:20px;
	margin-right:15px;
}
.fyzxyk_detail .fyxm_conbox .item_title{
	float:left;
	width:498px;
	font-family:'SYHT';
	font-size:22px;
	color:#1c321d;
	line-height:35px;
	margin-bottom:10px;
}
.fyzxyk_detail .fyxm_conbox .item_conbox{
	float:left;
	width:478px;
	height:245px;
	font-family:'PingfangJ';
	font-size:16px;
	color:rgba(9,14,23,.9);
	line-height:26px;
	text-align:justify;
	padding-right:20px;
	overflow-y:scroll;
}
/* 设置滚动条的样式 */
.fyzxyk_detail .fyxm_conbox .item_conbox::-webkit-scrollbar,.fyzxyk_ccr_intro .intro-box::-webkit-scrollbar {
	width:2px;
}
/* 滚动槽 */
.fyzxyk_detail .fyxm_conbox .item_conbox::-webkit-scrollbar-track,.fyzxyk_ccr_intro .intro-box::-webkit-scrollbar-track {
	-webkit-box-shadow:outset 0 0 6px rgba(0,0,0,0);
	border-radius:0;
}
/* 滚动条滑块 */
.fyzxyk_detail .fyxm_conbox .item_conbox::-webkit-scrollbar-thumb,.fyzxyk_ccr_intro .intro-box::-webkit-scrollbar-thumb {
	border-radius:0;
	background:#1c321d;
	-webkit-box-shadow:0 2px 8px rgba(77,100,245,0);
}
.fyzxyk_detail .fyxm_conbox .item_conbox::-webkit-scrollbar-thumb:window-inactive,.fyzxyk_ccr_intro .intro-box::-webkit-scrollbar-thumb:window-inactive {
	background:rgba(0,0,0,0);
}


.fyzxyk_ccr_titlebox{
	float:left;
	width:1158px;
	font-family:'SYHT';
	font-size:22px;
	color:#1c321d;
	margin-bottom:20px;
}
.fyzxyk_ccr_titlebox i{
	float:left;
	background:url(../images/icon_16.png) no-repeat right center;
	padding-right:22px;
	margin-right:22px;
}
.fyzxyk_ccr_titlebox li{
	float:left;
	font-size:18px;
	color:#000;
	line-height:30px;
	padding-bottom:5px;
	margin-right:30px;
	cursor:pointer;
}
.fyzxyk_ccr_titlebox li.cur{
	background:url(../images/icon_17.png) repeat-x center bottom;
}
.fyzxyk_ccr_img{
	position:relative;
	float:left;
	width:272px;
	height:298px;
	border:1px solid rgba(0,0,0,.15);
	margin-right:28px;
	overflow:hidden;
}
.fyzxyk_ccr_img span{
	position:absolute;
	left:0;
	top:0;
	width:272px;
	height:298px;
	background:url(../images/icon_22.png) no-repeat center center;
}
.fyzxyk_ccr_intro{
	float:left;
	width:747px;
	height:360px;
	background:url(../images/icon_19.png) no-repeat;
	padding:45px 35px 0 62px;
	margin-bottom:50px;
	overflow:hidden;
}
.fyzxyk_ccr_intro i{
	float:left;
	font-size:30px;
	color:#000;
	line-height:35px;
	background:url(../images/icon_18.png) repeat-x center bottom;
	padding-bottom:15px;
	margin-bottom:30px;
}
.fyzxyk_ccr_intro .intro-box{
	float:left;
	width:727px;
	height:230px;
	font-family:'PingFangJ';
	font-size:16px;
	color:#000;
	line-height:30px;
	text-align:justify;
	padding-right:20px;
	overflow-y:scroll;
}
.zpzsscroll{ position:relative; float:left; width:1147px; height:370px; margin-bottom:135px;}
.zpzsscroll .bd{ float:left;}
.zpzsscroll .bd ul{ float:left; width:1147px; overflow:hidden; zoom:1; }
.zpzsscroll .bd ul li{ float:left; width:373px; height:370px; margin:0 7px;}
.zpzsscroll .bd ul li .pic{ float:left; width:373px; height:300px; margin-bottom:10px; }
.zpzsscroll .bd ul li .con{ float:left; width:353px; font-family:'PingFangJ'; font-size:14px; color:rgba(0,0,0,.7); line-height:24px; padding:0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.zpzsscroll .next{ position:absolute;right:-30px; top:121px; display:block;  width:50px; height:50px; overflow:hidden; cursor:pointer; background:url(../images/icon_21.png) no-repeat; z-index:9}
.zpzsscroll .prev{ position:absolute;left:-16px; top:121px; display:block;  width:50px; height:50px; overflow:hidden; cursor:pointer; background:url(../images/icon_20.png) no-repeat; z-index:9}

.fyccr_t_box{
	float:left;
	width:1158px;
	margin:40px 0 28px 0;
}