/* 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: #eeeeee  center center no-repeat; 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: #eeeeee  center center no-repeat; 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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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: #eeeeee  center center no-repeat; 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(/uploads/image/jpc2images/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);}