@charset "utf-8";
/*==========首页样式========*/

.index-main{}
.index-main .index-left{}
/*顶部轮播*/
.index-main .index-left .idx-hotlists{background: #FAFAFA;}
.index-main .index-left .idx-hotlists .hls-slide{width: 504px; height: 382px;  float: left; position: relative;overflow: hidden; }
.index-main .index-left .idx-hotlists .hls-slide .hsImg-bd{width: 100%; height: 272px; overflow: hidden;}
.index-main .index-left .idx-hotlists .hls-slide .hsImg-bd li{height: 272px; overflow: hidden;}
.index-main .index-left .idx-hotlists .hls-slide .hsWord-bd{width: 100%; height: 70px; padding: 20px 0; background: url(../images/index/hotlists-slideBG.png); }
.index-main .index-left .idx-hotlists .hls-slide .hsWord-bd ul li{display: none;}
.index-main .index-left .idx-hotlists .hls-slide .hsWord-bd .tit{font-size: 20px; color: #fff;padding-left:20px; padding-right: 75px; height: 20px; line-height: 20px; overflow: hidden;}
.index-main .index-left .idx-hotlists .hls-slide .hsWord-bd .des{font-size: 12px; height: 40px; line-height: 20px; overflow: hidden; color: #fff;padding-left:20px; padding-right: 75px; padding-top: 10px}
.index-main .index-left .idx-hotlists .hls-slide .btn{display: block;width: 38px; height: 38px; background: #F8F8F8;  position: absolute; bottom: 17px;  right: 13px; background-image: url(../images/index/index-sprite.png);}
.index-main .index-left .idx-hotlists .hls-slide .btn.prev{bottom: 61px; background-position: 6px 12px;}
.index-main .index-left .idx-hotlists .hls-slide .btn.next{bottom: 17px;background-position: 6px -23px;}
.index-main .index-left .idx-hotlists .hls-slide .hs-hd{position: absolute; right:12px; top: 257px;}
.index-main .index-left .idx-hotlists .hls-slide .hs-hd li{ float: left; margin-right: 5px;}
.index-main .index-left .idx-hotlists .hls-slide .hs-hd li a{ float: left; width: 7px; height: 7px; background: rgba(0,0,0,0); border-radius: 100%; border: solid 1px #888585;}
.index-main .index-left .idx-hotlists .hls-slide .hs-hd li.on a{background: #DA6B4A; border-color:#DA6B4A; }
/*顶部热点链接*/
.index-main .index-left .idx-hotlists .hls-links{padding-left: 519px; padding-right: 15px;}
.index-main .index-left .idx-hotlists .hls-links .tip{padding-top: 18px;}
.index-main .index-left .idx-hotlists .hls-links .tip img{display: block;}
.index-main .index-left .idx-hotlists .hls-links li{padding: 13px 0; border-bottom:dotted 1px #CBCBCB; }
.index-main .index-left .idx-hotlists .hls-links li:hover{/*background: #efefef;*/ }
.index-main .index-left .idx-hotlists .hls-links li.last{border-bottom:0; }
.index-main .index-left .idx-hotlists .hls-links li .tit{color: #272322; font-size: 18px; font-weight: bold; height: 28px; line-height: 28px; overflow: hidden; }
.index-main .index-left .idx-hotlists .hls-links li .des{color: #888; font-size: 12px; height: 18px; line-height: 18px; overflow: hidden;display: none; }
.index-main .index-left .idx-hotlists .hls-links li.last{border-bottom: none;}
/*首页文章布局，（文章列表采用base.css 公用部分）*/
.index-main .index-left .index-pageList{margin-top:30px; }


/*精选导航*/
.index-main .index-left .idx-selLead{padding-top: 30px;}
.index-main .index-left .idx-selLead .tip{height: 37px;border-bottom: solid 2px #D6D6D6;position: relative;line-height: 37px;margin-bottom: 6px;}
.index-main .index-left .idx-selLead .tip h4 {position: absolute;font-size: 26px;line-height: 1;left: 0;top: 0;padding-bottom: 11px;border-bottom: solid 2px #666666;}
.index-main .index-left .idx-selLead .items{float: left;width: 365px;margin-top: 15px;}
.index-main .index-left .idx-selLead .items.pr15{padding-right:15px;}
.index-main .index-left .idx-selLead .items.pb15{padding-bottom:15px;}
.index-main .index-left .idx-selLead .items.pl15{padding-left: 15px;}
.index-main .index-left .idx-selLead .items.mr13{margin-right: 13px;}
.index-main .index-left .idx-selLead .items.ml14{margin-left:  14px;}
.index-main .index-left .idx-selLead .items.items-borb{border-bottom: 1px solid #e8e8e8;}
.index-main .index-left .idx-selLead .items-line{float: left;margin-top: 15px;width: 1px;height: 112px;background-color: #e8e8e8;}
.index-main .index-left .idx-selLead .items .pic{float: left;}
.index-main .index-left .idx-selLead .items .pic img{display: block;}
.index-main .index-left .idx-selLead .items .txt{overflow: hidden;padding-left: 14px;}
.index-main .index-left .idx-selLead .items .txt .tit{height: 40px;line-height: 20px;overflow: hidden;}
.index-main .index-left .idx-selLead .items .txt .tit a{font-size: 15px;color: #272322;}
.index-main .index-left .idx-selLead .items:hover .tit a{color: #DB6D4C;}
.index-main .index-left .idx-selLead .items .txt p{height: 36px;line-height: 18px;overflow: hidden;color: #888;font-size: 12px;padding-top:12px; }


/*每周精选*/
.lph-right .pbzttab .pbz-bd .week-hot a{display: block;padding-top: 11px;font-size: 14px;color: #272322;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.lph-right .pbzttab .pbz-bd .week-hot a span{font-size: 14px;color: #b8b8b8;font-weight: bold;display: inline-block;width: 25px;}
/*.lph-right .pbzttab .pbz-bd .week-hot a.hot-one span{color: #ff0000;}
.lph-right .pbzttab .pbz-bd .week-hot a.hot-two span{color: #f66525;}
.lph-right .pbzttab .pbz-bd .week-hot a.hot-three span{color: #f2851a;}*/
.lph-right .pbzttab .pbz-bd .week-hot a.hot-one,
.lph-right .pbzttab .pbz-bd .week-hot a.hot-two,
.lph-right .pbzttab .pbz-bd .week-hot a.hot-three{color: #d83908;}
.lph-right .pbzttab .pbz-bd .week-hot a.hot-one span,
.lph-right .pbzttab .pbz-bd .week-hot a.hot-two span,
.lph-right .pbzttab .pbz-bd .week-hot a.hot-three span{color: #d83908;}


/*热门试用产品*/
.hot-tryout .list li{margin-top: 15px;overflow: hidden;padding-left: 10px;}
.hot-tryout .list li .pic{display: block;width: 90px;height: auto;float: left;}
.hot-tryout .list li .txt{padding-left: 20px;overflow: hidden;}
.hot-tryout .list li .txt .name{padding-right: 20px;max-height:40px;line-height: 20px;overflow: hidden;}
.hot-tryout .list li .txt .name a{display: block;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.hot-tryout .list li .txt .tags{font-size: 12px;line-height: 20px;padding-top: 10px;color: #888;}
.hot-tryout .list li:hover .txt .name a{color:#DB6D4C;}



/*雷锋网首页 新增 产品，爱搞机视频推荐位*/
.lph-pageList .wrap .proBox{border: 1px solid #EFEFEF;border-top:0;position: relative;}
.lph-pageList .wrap .proBox .sort{z-index: 2;padding: 5px 12px; background: rgba(0,0,0,0.7); font-size: 14px; color: #fff; line-height: 1; position: absolute; top: 0; left: 0; }
.lph-pageList .wrap .proBox .proBox-items{position: relative;float: left;overflow: hidden;width:243px;padding:0 9px;margin: 9px 0;border-left: 1px solid #EFEFEF;}
.lph-pageList .wrap .proBox .proBox-items.first{border-left: 0;}
.lph-pageList .wrap .proBox .proBox-items .pic img{display: block;width: 243px;height: 180px;}
.lph-pageList .wrap .proBox .proBox-items .headName{color: #fff;font-size: 14px;position: absolute;bottom:-35px;left: 9px;width: 213px;padding:0 15px;height: 35px;line-height: 35px;background: rgba(0,0,0,0.65);white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.lph-pageList .wrap .proBox .proBox-items:hover .headName{bottom: 0;}

/*视频*/
.v-icon{background:url(../images/video/spirit.png) no-repeat 0px 0px;display: inline-block; position: relative; top:3px;}
.ag7-video-recommend{padding: 12px 10px 0 10px;background: #f2f2f2;}
.ag7-video-recommend a img{display: block;}
.ag7-video-recommend .large{width: 515px; float: left; position: relative;cursor: pointer; }
.ag7-video-recommend .large img{width: 515px;height: 288px;}
.ag7-video-recommend .large .shadow{position: absolute; width:100%; height: 25%; position: absolute; left: 0px; bottom:0px; background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.4) 100%);background-image:-moz-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.4) 100%); background-image: linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.4) 100%);-webkit-transition: all 0s ease-out;-moz-transition: all 0s ease;transition: all 0s ease;}
.ag7-video-recommend .large:hover .shadow{height: 100%;  background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%);background-image:-moz-linear-gradient(180deg, rgba(0,0,0,0.4) 05%, rgba(0,0,0,0.4) 100%); background-image: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%);}
.ag7-video-recommend .large .titbar{position: absolute; left: 0px; bottom: 0px;width: 92%; padding:0 4%; height: 60px; line-height: 60px; color:#fff; font-size: 15px; }
.ag7-video-recommend .large .titbar h2{width: 330px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ag7-video-recommend .large .titbar .total{position: absolute; right:4%; height: 100%; top:0px; font-size: 14px;}
.ag7-video-recommend .large .playcount i{background-position: 0px -78px; margin-right: 5px; width:22px; height: 17px;}
.ag7-video-recommend .large .msgcount{margin-left: 15px;}
.ag7-video-recommend .large .msgcount i{background-position: 0px -52px; margin-right: 5px; width:22px; height: 17px;}
.ag7-video-recommend .large .v-play-btn{display: block; display: block; display: none; background:url(../images/video/spirit.png) no-repeat; width: 116px; height: 116px; position: absolute; left:50%; top:50%; margin-left: -58px; margin-top:-58px; }
.ag7-video-recommend .large .v-play-btn-y{background-position: -150px 0px;}
.ag7-video-recommend .large .v-play-btn-s{background-position: -350px 0px;}
.ag7-video-recommend .large:hover .v-play-btn{display: block;}

.ag7-video-recommend .large .v-play-btn-s.in{animation: idxVideo .5s;-moz-animation: idxVideo .5s;	/* Firefox */-webkit-animation: idxVideo .5s;	/* Safari 和 Chrome */-o-animation: idxVideo .5s;	/* Opera */}

.ag7-video-recommend .small{width:240px; float:right; }
.ag7-video-recommend .small h3{display: none;font-size:24px; color:#666; padding-bottom: 15px;}
.ag7-video-recommend .small li{float:left; margin-bottom: 20px; position: relative; overflow: hidden;}
.ag7-video-recommend .small li img{display: block;width: 240px;height: 135px;}
.ag7-video-recommend .small li.odd{margin-right: 30px;}
.ag7-video-recommend .small li.even{margin-bottom: 0;}
.ag7-video-recommend .small .v-mask{position: absolute; width:100%; height: 100%; left:0px; height: 0px;}
.ag7-video-recommend .small .shadow{position: absolute; width:100%; height: 30%; position: absolute; left: 0px; bottom:0px; background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.4) 100%);background-image:-moz-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.4) 100%); background-image: linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.4) 100%);}
.ag7-video-recommend .small .pop{
	position: absolute; 
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out; 
	color: #fff; 
	width:90%; 
	padding:5%; 
	height: 90%; 
	left:0px; 
	top:70%;
 }
.ag7-video-recommend .small h2{font-size: 12px; line-height: 25px; height: 50px; overflow: hidden; margin-bottom: 35px;}
.ag7-video-recommend .small h2 a{color: #fff; }
.ag7-video-recommend .small .play-button{width:67px; height: 30px; line-height: 30px; background:#f28714; color:#fff; display: block; text-align: center; border-radius: 4px; font-size: 16px;}
.ag7-video-recommend .small .play-button:hover{background-color: #f17b12;}
.ag7-video-recommend .small .pop.open{top:0%;background:#D55252; background:rgba(45,177,200,.9); }
.ag7-video-recommend .small .playcount{
	position: absolute; 
	left:18px; 
	top:140px; 
	z-index: 3; 
	color: #666; 
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.ag7-video-recommend .small .playcount.fly{top:65px;}
.ag7-video-recommend .small .playcount i{width:20px; height: 14px; background-position: 0px -25px; margin-right: 4px;  }
.ag7-video-recommend .moreVideo a{display: block;text-align: center;font-size: 12px;color: #8a8a8a;height: 50px;line-height: 50px;}

@keyframes idxVideo
{
35%{
	transform: rotate(100deg);
	-ms-transform: rotate(100deg);		/* IE 9 */
	-webkit-transform: rotate(100deg);	/* Safari and Chrome */
	-o-transform: rotate(100deg);		/* Opera */
	-moz-transform: rotate(100deg);
}
100%{
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);		/* IE 9 */
	-webkit-transform: rotate(0deg);	/* Safari and Chrome */
	-o-transform: rotate(0deg);		/* Opera */
	-moz-transform: rotate(0deg);
}
}

@-moz-keyframes idxVideo /* Firefox */
{
35%{
	transform: rotate(100deg);
	-ms-transform: rotate(100deg);		/* IE 9 */
	-webkit-transform: rotate(100deg);	/* Safari and Chrome */
	-o-transform: rotate(100deg);		/* Opera */
	-moz-transform: rotate(100deg);
}
100%{
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);		/* IE 9 */
	-webkit-transform: rotate(0deg);	/* Safari and Chrome */
	-o-transform: rotate(0deg);		/* Opera */
	-moz-transform: rotate(0deg);
}
}

@-webkit-keyframes idxVideo /* Safari 和 Chrome */
{
35%{
	transform: rotate(100deg);
	-ms-transform: rotate(100deg);		/* IE 9 */
	-webkit-transform: rotate(100deg);	/* Safari and Chrome */
	-o-transform: rotate(100deg);		/* Opera */
	-moz-transform: rotate(100deg);
}
100%{
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);		/* IE 9 */
	-webkit-transform: rotate(0deg);	/* Safari and Chrome */
	-o-transform: rotate(0deg);		/* Opera */
	-moz-transform: rotate(0deg);
}
}

@-o-keyframes idxVideo /* Opera */
{
35%{
	transform: rotate(100deg);
	-ms-transform: rotate(100deg);		/* IE 9 */
	-webkit-transform: rotate(100deg);	/* Safari and Chrome */
	-o-transform: rotate(100deg);		/* Opera */
	-moz-transform: rotate(100deg);
}
100%{
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);		/* IE 9 */
	-webkit-transform: rotate(0deg);	/* Safari and Chrome */
	-o-transform: rotate(0deg);		/* Opera */
	-moz-transform: rotate(0deg);
}
}

 .AspNetPager a{border:1px solid #D7D7D7; padding:5px 10px 5px 10px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.AspNetPager a:hover {border:1px solid #857C7A; padding:5px 10px 5px 10px; background-color:#00A3D9; color:#fff;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}


.AspNetPager a{border:1px solid #D7D7D7; padding:5px 10px 5px 10px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.AspNetPager a:hover {border:1px solid #857C7A; padding:5px 10px 5px 10px; background-color:#857C7A; color:#fff;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}


.AspNetPager {text-align:center; padding:20px 5px 10px 5px; clear:both;}
.AspNetPager input{border:1px solid #D7D7D7;padding:0px 2px 0 2px !important;padding:2px 0px 0 0px;  background-color:#FFFFFF; cursor:pointer; width:inherit;font-size:12px; }
.AspNetPager span{border:1px solid #665B59; padding:5px 10px 5px 10px;background-color:#665B59; color:#fff;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.AspNetPager .cpb{border:1px solid #665B59; padding:5px 10px 5px 10px;background-color:#665B59; color:#fff;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}