/*
	雷锋网专题main.css
	列表
	详情页面
*/
/*当前位置*/
.lph-Nowsite{padding:35px 0;line-height: 20px;}
.lph-Nowsite a{float: left;font-size: 12px;color:#787c83;margin: 0 8px;}
.lph-Nowsite em{float:left;vertical-align:  middle; background: url(../../images/common/yp_spirit.png) no-repeat;}
.lph-Nowsite em.arro{background-position:-42px -331px;width: 4px;height: 6px;margin:7px 8px;}
.lph-Nowsite em.ico{background-position:-12px -328px;width: 17px;height: 15px;margin:2px 5px 0 0}


.lphTopic-main{}
.lphTopic-list {padding-top: 60px;}
.lphTopic-list .title{line-height: 1;padding-bottom: 20px;font-size: 24px;color: #31424e;font-weight: bold;}
.lphTopic-list li{width: 538px;padding-bottom: 50px;}
.lphTopic-list li .pic{height:318px;position: relative;}
.lphTopic-list li .pic img{display: block;width: 538px;height: 318px;}
.lphTopic-list li .pic a{position: absolute;display: block;opacity: 0;filter:alpha(opacity=0);width: 100%;height: 100%;background: rgba(0,0,0,0.2);left: 0;top:0;z-index: 2;}
.lphTopic-list li .pic a .more{position: absolute;left: 50%;margin-left: -25px;top: 50%;margin-top: -25px;background: url(../../images/common/yp_spirit.png) no-repeat -7px -231px;width: 50px;height: 50px;}
.lphTopic-list li:hover .pic a{opacity: 1;filter:alpha(opacity=100)}
.lphTopic-list li .headTit{padding: 18px 8px 10px 8px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;line-height: 30px;}
.lphTopic-list li .headTit a{font-size: 18px;color: #31424e;font-weight: bold;}
.lphTopic-list li .headTit a span{display: inline-block;float: left;height: 30px;margin-right: 10px;line-height: 30px;padding: 0 14px;background: #1dc20b;color: #fff;font-size: 16px;}
.lphTopic-list li .des{padding: 0 8px;font-size: 14px;color: #8a97a0;line-height: 24px;height: 48px;overflow: hidden;}

/*详情页面*/
.lphTopic-detail .detail-top{background: #ededed;}
.lphTopic-detail .detail-top .pic{float: left;width: 615px;height: 364px;}
.lphTopic-detail .detail-top .pic img{vertical-align: top;}
.lphTopic-detail .detail-top .txt{overflow: hidden;padding:20px 28px;}
.lphTopic-detail .detail-top .txt .type span{display:inline-block;position: relative;padding:0 15px;height: 28px;line-height: 28px;background: 	#fff;color:#348ccf;font-size: 16px;}
.lphTopic-detail .detail-top .txt .type span em{position:absolute; left:15px;border:10px solid transparent;border-left-color:#fff;bottom:-10px;}
.lphTopic-detail .detail-top .txt .headTit{font-size: 24px;color: #31424e;font-weight:bold;padding: 15px 0;}
.lphTopic-detail .detail-top .txt .des{font-size:14px;color: #8a97a0;line-height: 24px;padding-top:5px;}
.lphTopic-detail .detail-list{padding: 30px 0;}
.lphTopic-detail .detail-list .title{font-size:18px;color:#31424e;margin:30px auto;line-height:28px;border-left:4px solid #ee5b2e;padding-left:12px;}
.lphTopic-detail .detail-list .list li{width:354px;margin-left:34px;float: left;}
.lphTopic-detail .detail-list .list li.first{margin-left:0;}
.lphTopic-detail .detail-list .list li .pic{width: 354px;height:208px;display:block;}
.lphTopic-detail .detail-list .list li .pic img{vertical-align :top;}
.lphTopic-detail .detail-list .list li .txt{padding:10px 0;line-height: 30px;}
.lphTopic-detail .detail-list .list li .txt .headTit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lphTopic-detail .detail-list .list li .txt .headTit a{font-size: 16px;color:#31424e;}
.lphTopic-detail .detail-list .list li .txt .time{font-size: 14px;color:#9baab6;}
.lphTopic-detail .detail-list .list li:hover .txt .headTit a{color:#ee5b2e;}