/****
** 科客289科技博客首页样式
** 2014-11-03
** Xenon
****/

/*首页公共样式*/
.clr-29{color:#292929;}
.clr-6a{color:#6a6a6a;}
.mb5{margin-bottom:5px;}
.mb12{margin-bottom:12px;}
.mb15{margin-bottom:15px;}
.mb18{margin-bottom:18px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb28{margin-bottom:28px;}
.mb32{margin-bottom:32px;}
.pdl5{padding-left:5px;}
.w280{width:280px;}
h1,h2,h3{font-weight:400;}
img{display:block;border:none;}
/***首页containner样式***/

/*热门标签样式*/
.label-nav{width:960px;padding:10px;border-radius:4px;overflow:hidden;background-color:#f6f5f2;}
.label-nav dt,.label-nav dd{float:left;}
.label-nav dt{font-size:18px;line-height:20px;width:92px;}
.label-nav dt i{width:4px;height:4px;margin:10px 0 0 16px;background-position:-196px -86px;}
.label-nav dd{height:20px;line-height:20px;padding-left:34px;}
.label-nav a{color:#4f4f4f;}

/**左侧主内容**/
.left-mod-cont{width:654px;padding-bottom:32px;}
/*焦点图样式*/
.slider{position:relative;width:654px;height:320px;overflow:hidden;}
.slider-cnt{position: absolute;}
.slider-cnt li{float:left;}
.slider-cnt a{position:relative;display:block;overflow:hidden;width:654px;height:320px;}
.slider-cnt li span{position:absolute;bottom:0;left:0;width:100%;height:48px;line-height:48px;}
.slider-cnt .title{width:570px;z-index:1;padding-left:15px;font-size:24px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.slider-cnt .mask{background-color:#000;opacity:0.5;filter:alpha(opacity= 50);}
.slider-btn{position:absolute;right:14px;bottom:17px;z-index:2;}
.slider-btn li{float:left;width:10px;height:10px;margin-right:7px;border-radius:100%;background-color:#666;}
.slider-btn li.active{background-color:#fff;}

/*推荐文章*/
.news-list .list-hd{padding:0 15px;line-height:40px;border-left:3px solid #f47a20;background-color:#f6f5f2;}
.list-hd a{width:80px;color:#f47a20;}
.list-hd a i{width:24px;height:24px;margin:8px 0 0 7px;background-position:0 -75px;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.list-hd a:hover i{
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
@keyframes toTop{ 0% {opacity:0; transform:translate(0,200px) } 100% { transform:translate(0,0)}}
@-webkit-keyframes toTop{ 0% {opacity:0; transform:translate(0,200px) } 100% { transform:translate(0,0)}}
.list-bd .animate{
-webkit-animation:0.8s ease-in-out 0s toTop;
-o-animation:0.8s ease-in-out 0s toTop;
animation:0.8s ease-in-out 0s toTop;
}
.list-bd .article{padding:23px 0;border-top:1px solid #eee;zoom:1;}
.list-bd .article:first-child{border-top:none;}
.article .article-photo a{display:block;width:200px;height:150px;line-height:150px;margin-right:26px;overflow:hidden;font-size:0;text-align:center;}
.article .article-photo img{display:block;max-width:200px;max-height:150px;vertical-align:middle;-webkit-transition:all 0.5s ease 0s;
-o-transition:all 0.5s ease 0s;
transition:all 0.5s ease 0s;}
.article .article-photo img:hover{
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);}
.article .article-cont{position:relative;width:428px;font-size:14px;}
.article-cont .article-title{padding-bottom:8px;line-height:25px;font-size:18px;color:#4f4f4f;font-weight:bold;}
.article-cont .article-title a{color:#4f4f4f;}
.article-cont .article-title a:hover{text-decoration:none;}
.article-cont .article-info{line-height:30px;}
.article-info span{display:inline-block;padding-right:10px;margin-right:10px;border-right:1px solid #ddd;line-height:12px;height:12px;color:#969696;}
.article-info span:last-child{border-right:none;}
.article-info span.cal{padding:2px 5px;color:#fff;
background-color:#32b5fd;
background-image: -moz-linear-gradient(left, #32b5fd, #1ae0c7); /* Firefox */ 
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #1ae0c7), color-stop(1, #32b5fd)); /* Saf4+, Chrome */
}
.article-section a{line-height:21px;}
.article-section a:hover{color:#666;}
.article-cont .article-label{position:absolute;top:125px;left:0;width:428px;line-height:21px;padding-top:7px;overflow:hidden;}
.article-label dd a{padding-left:10px;font-size:14px;color:#f47a20;}
.article-label .comment{+max-width:40px;font-size:12px;color:#969696;}
.article-label .comment i{display:inline-block;width:14px;height:12px;margin:5px 5px 0 0;background-position:0 -34px;}

/*更多*/
.get-more span{display:inline-block;width:300px;height:40px;line-height:40px;margin-left:200px;border-radius:3px;box-shadow:0 2px 0 #ddd;font-size:16px;text-align:center;color:#969696;background-color:#efefef;cursor: pointer;}
.get-more span:hover{background-color:#eaeaea;
-webkit-transition:background-color 0.5s ease 0s;
-o-transition:background-color 0.5s ease 0s;
transition:background-color 0.5s ease 0s}

/**首页右侧列表样式**/
.aside .hd{width:277px;height:50px;border-left:3px solid #f47a20;background-color:#f8f8f8;}
.aside .hd span{padding-left:20px;line-height:50px;font-size:18px;color:#696969;}
.aside .more{width:24px;height:24px;margin:13px 12px 0 0;background-position:0 -50px;}
.aside .more:hover{background-position:0 -75px;
-webkit-transition: background-position 0.5s ease 0s;
-o-transition: background-position 0.5s ease 0s;
transition: background-position 0.5s ease 0s;
}
.aside .item{padding:10px 0;overflow:hidden;zoom:1;}
.item a{overflow:hidden;}
/*.item img{width:54px;height:54px;}*/
.item span{word-wrap:break-word;}

/*推荐专题*/
/*chrome & Safari*/
.topics-banner{display:block;}
.topics-banner img{width:272px;margin:0 auto 5px auto;}
.topics-banner span{font-size:18px;line-height:25px;color:#4f4f4f;font-weight:bold;}
.topics-banner:hover{text-decoration:none;}

/*推荐阅读*/
.recommend .item{border-bottom:1px solid #eee;}

/*新闻热榜*/
.hot-news .item{padding:0;}
.item .con1{display:block;width:260px;height:35px;line-height:35px;padding-left:8px;overflow:hidden;}
.item .con1:hover{color:#f47a20;text-decoration: none;}
/*.hot-news .active{color:#f47a20;}
 .active .con1{display:none;}
.active .con2{display:block;color:#f47a20;} 
.active .hot-pic{width:54px;height:54px;line-height:54px;margin:0 20px 0 8px;overflow:hidden;text-align:center;white-space:nowrap;font-size:0;}
.active .hot-pic img{display:inline;max-width:54px;max-height:54px;vertical-align:middle;}
.active .con2 span{display:inline-block;width:160px;overflow:hidden;}
.active .hot-pic span{width:0;}*/
.item i{float:left;width:4px;height:4px;line-height:4px;margin:16px 10px 0 0;font-size:0;background-position:-196px -105px;}
/*订阅标签*/
.sub-label .label{float:left;min-width:48px;height:15px;padding:6px 3px 6px 6px;margin:0 6px 14px 0;font-size:14px;border:1px solid #ddd;border-radius:2px;}
.sub-label .label a{float:left;margin-right:5px;line-height:14px;white-space:nowrap;}
/* .sub-label .label a:hover{text-decoration: none;} */
.sub-label .label i{float:left;width:15px;height:15px;line-height:0;font-size:0;background-position:-38px -80px;+zoom:1;cursor: pointer;}
.sub-label .add i{background-position:-54px -80px;}

/*作者推荐*/
.hot-author .item{padding:10px 0;}
.hot-author .author-pic{width:50px;height:50px;margin-right:10px;overflow:hidden;border-radius:100%;}
.author-pic img{width:50px;height:50px;margin:0;}
.author-show{width:200px;}
.author-show p{overflow:hidden;}
.author-show .detail{padding-bottom:5px;}
.author-show .name{max-width:118px;text-overflow:ellipsis; white-space:nowrap;color:#4f4e4e;}
.author-show .follow{width:56px;height:22px;line-height:22px;text-align:center;color:#fff;background-color:#75b8e3;border-radius:3px;font-weight:700;}
.author-show .follow samp{float:left;margin:1px 0 0 7px;font-size:20px;}
.author-show .follow:hover{text-decoration:none;}
.author-show .has-followed{background-color:#ddd;cursor:default;}
.author-show .intro{height:36px;color:#969696;overflow:hidden;}