/* as主要内容右侧 */
/*专题推荐*/
#asMain .asfontList li{max-height: 35px; overflow: hidden; position: relative;}
#asMain .asfontList li a{padding-left: 15px; padding-right: 10px; font-size: 16px; line-height: 35px; color: #27282d;}
#asMain .asfontList li a i{position: absolute; top:13px; left:0; background: #c1c1c1; width: 4px; height: 4px; border-radius: 4px;}
#asMain .asfontList li a:hover{color: #e22c29;}
#asMain .asImgFont2{width: 300px; height: 180px; position: relative; overflow: hidden;background-size: 80% auto;}
#asMain .asImgFont2 a{display: block;}
#asMain .asImgFont2 a:hover .asLivesBtn{opacity: 1; filter:alpha(opacity=100);}
#asMain .asImgFont2 .asImg img{display: block; width:300px; height: 180px; transition: all .5s;}
#asMain .asImgFont2 .asFont{position: absolute; left:0; bottom: 0; padding: 20px 15px 10px; width:270px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, top, bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(0, 0, 0, 0.55) )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.55)  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.55)  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.55)  100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.55)  100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#00000000",endColorstr = "#55000000");
}
#asMain .asImgFont2 .asFont p{font-size: 16px; line-height: 24px; color: #ffffff; max-height: 24px;}
#asMain .asImgFont2:hover .asImg img{transform: scale(1.1);}

/*热门文章*/
#asMain .asHotPosts .title{margin-bottom: 15px;}
#asMain .asHotPosts .asfontList li{max-height: 39px;}
#asMain .asHotPosts .asfontList li a{ padding-left: 28px; line-height: 39px;}
#asMain .asHotPosts .asfontList li a i{ position: absolute; top: 9px; left: 0; background: #ffffff; width: 17px; height: 17px; line-height: 17px; text-align: center; border-radius: 2px; font-style: normal; font-size: 12px; color: #666666; border:1px solid #a5a5a5;}
#asMain .asHotPosts .asfontList li.on a i{background: #e22c29; border: 1px solid #e22c29; color: #ffffff;}
#asMain .asHotPosts .asfontList li.on a:hover i {background: #e22c29; border: 1px solid #e22c29; color: #ffffff;}

/*推荐直播*/
#asMain .asLives .asImgFont2 { width: 300px; height: 180px;}
#asMain .asLives .asImgFont2 .asImg{ width: 300px; height: 180px;background-size: 80% auto;}
#asMain .asLives .asImgFont2 .asImg img { width: 300px; height: 180px;}
#asMain .asLives .asImgFontTwo .asImgFontLi a {height: 129px;}
#asMain .asLives .asImgFontTwo .asImgFontLi a:hover .asLivesBtn{opacity: 1; filter:alpha(opacity=100);}
#asMain .asLives .asImgFontTwo  .asImgFontLi .asFont {margin: 5px 0 0;}
#asMain .asLives .asImgFont2 .asFont p{max-height: 40px;}
#asMain .asLivesBtn{position: absolute; top:50%; left:50%; margin-left: -19px; margin-top: -19px; width: 38px; height: 38px; background: url(../images/spirit.png) no-repeat; background-position: -96px -94px; transition: all .5s; opacity: 0; filter:alpha(opacity=0);}
#asMain .asLivesTip{position: absolute; top:0; left:0; display: block; padding: 0 5px; height: 20px; font-size: 12px; color: #ffffff; text-align: center; line-height: 20px;background: #2591ed; border-bottom-right-radius: 10px;}
#asMain .asLivesTip.liveNow{background: #e32d2a;}
#asMain .asImgFontTwo .asImgFontLi .asLivesBtn{position: absolute; top:50%; left:50%; margin-left: -12px; margin-top: -12px; width: 24px; height: 24px; background: url(../images/spirit.png) no-repeat; background-position: -96px -134px;}


/*周看点*/
#asMain .smallArticleList li{display: block; padding-bottom: 20px;}
#asMain .smallArticleList li .articleListLeft{width: 130px; height: 78px;background-size: 80% auto; border-radius: 3px; overflow: hidden;}
#asMain .smallArticleList li .articleListLeft a{position: relative;}
#asMain .smallArticleList li .articleListLeft img{display: block; width: 130px; height: 78px; transition: all .5s;}
#asMain .smallArticleList li:hover .articleListLeft img{transform: scale(1.1);}
#asMain .smallArticleList li .articleListLeft a .asLivesBtn { position: absolute; top: 50%; left: 50%; margin-left: -12px; margin-top: -12px; width: 24px; height: 24px; background: url(../images/spirit.png) no-repeat; background-position: -96px -134px; transition: all .5s; opacity: 0; filter:alpha(opacity=0);}
#asMain .smallArticleList li .articleListRight{width:150px; padding-left: 20px; overflow: hidden;}
#asMain .smallArticleList li .articleListRight a p{font-size: 16px; color: #27282d; line-height: 24px; max-height: 48px; margin-bottom: 6px;}
#asMain .smallArticleList li .articleListRight a:hover p{color: #e22c29;}
#asMain .smallArticleList li:hover .articleListLeft a .asLivesBtn{opacity: 1; filter:alpha(opacity=100);}