/*
  ** shuzhan
  *  2018-04-17
 * */

.list-col-main{overflow: hidden;width: 1204px;padding-left: 4px;position: relative;}

.exhibitio-list{width: 1280px;padding-bottom: 40px;}
.exhibitio-list>li{position: relative;padding-bottom: 129px; float: left;background: #fff; width:380px; margin-right:30px;margin-bottom: 30px; font-size: 12px;position:relative;}
.exhibitio-list>li>div.pic-box{width:370px;height:220px;padding:4px 4px 0;border: 1px solid #eee;border-bottom: 0; }
.exhibitio-list>li>div.pic-box>a{font-size: 0; position: relative;display: block;overflow: hidden; width: 370px;height: 220px;line-height: 220px;text-align: center; margin: 0 auto;background: url(../../images/lists/list-bg2.jpg) center repeat;}
.exhibitio-list>li>div.pic-box>a>img{vertical-align: middle;max-width: 370px;}

.exhibitio-list>li>div.pic-box>a>.state-top1{width: 58px; position: absolute;z-index: 1;top: 0;right: 0;padding-top: 5px;height: 48px; line-height: 18px;font-size: 14px;color: #fff;text-align: center;background: url(../../images/lists/list-icon1.png) -111px -40px;}
.exhibitio-list>li>div.pic-box>a>.state-top2{width: 58px; position: absolute;z-index: 1;top: 0;right: 0;padding-top: 15px;height: 38px; line-height: 18px;font-size: 14px;color: #fff;text-align: center;background: url(../../images/lists/list-icon1.png) -207px -40px;}
.exhibitio-list>li>div.pic-box>a>.state-top3{width: 58px; position: absolute;z-index: 1;top: 0;right: 0;padding-top: 15px;height: 38px; line-height: 18px;font-size: 14px;color: #fff;text-align: center;background: url(../../images/lists/list-icon1.png) -302px -40px;}

.exhibitio-list>li .text-down{position: absolute;z-index: 20; left: 0;top: 225px;width: 360px; z-index: 2;border: 1px solid #eee;border-top: 0 none; background: #fff; padding: 0px 9px;color: #333;min-height: 129px;}
.exhibitio-list>li .text-down>.title{height: 24px;line-height: 24px; font-size: 18px;padding: 16px 0 8px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.exhibitio-list>li .text-down>.time{font-size: 14px;padding: 6px 0;}

.exhibitio-list>li .link-words{border-bottom: 8px solid #fff;height: 42px;min-height: 42px; line-height:42px;word-break: break-all;overflow: hidden;}
.exhibitio-list>li .link-words>span{float: left;height: 42px;width: 40px;}
.exhibitio-list>li .link-words>div{float: left;width: 318px;line-height: 24px;padding-top: 9px;}
.exhibitio-list>li .link-words>div>a{cursor: default; display: inline-block;height: 24px;line-height: 24px;padding: 0 9px;border-radius: 13px;background: #e5e5e5;color: #333;font-size: 12px;margin: 0 5px 10px;vertical-align: middle;}
.exhibitio-list>li .link-words>div>a.cur{cursor: pointer; background-color: #FF9300;color: #fff;}

.exhibitio-disc{position: absolute;left: 0;top: 281px;opacity: 0; width: 350px;height: 200px;padding: 10px;transition: top 0.5s ease-in-out,opacity 0.5s ease-in-out;-o-transition: top 0.5s ease-in-out,opacity 0.5s ease-in-out;-moz-transition: top 0.5s ease-in-out,opacity 0.5s ease-in-out;-ms-transition: top 0.5s ease-in-out,opacity 0.5s ease-in-out;-webkit-transition: top 0.5s ease-in-out,opacity 0.5s ease-in-out;}
.exhibitio-disc>div{height: 100%;padding: 0 18px;color: #333;background: #fff;}
.exhibitio-disc>div>.disc1{font-size: 16px;padding: 56px 0 18px;text-align: center;line-height: 20px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.exhibitio-disc>div>.disc2{font-size: 12px;line-height: 18px;height: 54px;overflow: hidden;text-align: left;}

.exhibitio-list>li:hover>div.pic-box{box-shadow: 0 0 10px #d9d9d9;}
.exhibitio-list>li:hover .exhibitio-disc{opacity: 1;top: 0px;}
.exhibitio-list>li:hover .link-words{height: auto;}
.exhibitio-list>li:hover .text-down{box-shadow: 0 3px 4px #d9d9d9;}

/* 推荐数据 */
.recommend-listdata>p{font-size: 30px;font-weight: bold;color: #1C232B;margin-bottom: 38px;position: relative;}
.recommend-listdata .exhibitio-list{max-height: 868px;overflow: hidden;padding-bottom: 0;}
.recommend-listdata>p::after{content: 'HOT RECOMMEND';font-size: 18px;color: #333;position: absolute;left: 0;bottom: -8px;opacity: 0.11;font-weight: normal;}

@media only screen and (min-width: 1500px){
	
	.list-col-main{overflow: hidden;width: 1504px;}
	.exhibitio-list{width: 1540px;}
	
	.exhibitio-list>li{width:480px;}
	.exhibitio-list>li .link-words>div{width: 418px;}
	.exhibitio-list>li>div.pic-box{width:470px;height:280px;}
	.exhibitio-list>li>div.pic-box>a{width: 470px;height: 280px;line-height: 280px;}
	.exhibitio-list>li>div.pic-box>a>img{max-width: 470px;}
	.exhibitio-list>li .text-down{top: 285px;width: 460px;}
	
	.exhibitio-disc{width: 438px;height: 250px;padding: 15px;}
	.exhibitio-disc>div>.disc1{padding: 72px 0 30px;}
	
}