@charset "utf-8";
/****************
 * @description : 时尚+首页
 * @author    : felix
 * @date      : 2015-01-21
 ****************/



/*正文*/
.nav_path{width:1000px;height:26px;line-height:26px;margin:26px auto 16px auto;font-size:13px;text-align:left;}

.article_wrap{width:1000px;margin:0 auto;}
.article_wrap:after{content:'\0020';display:block;height:0;clear:both}
.article_wrap .left{float:left;width:660px;border-top:2px solid #000;}
.article_wrap .sidebar{float:right;width:300px;overflow:hidden;}
.article{position:relative;}
.article .article_info{margin-top:37px;color:#808080;font-size:13px;}
.article .article_info:after{content:'\0020';display:block;height:0;clear:both}
.article .article_info li{height:40px;line-height:44px;display:inline-block;float:left;}
.article .article_info .avatar{width:40px;height:40px;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;overflow:hidden;}
.article .article_info .avatar img{width:40px;height:40px;display:block;}
.article .article_info .author{margin-left:10px;}
.article .article_info .date{margin-left:24px;}
.article .article_info .read{margin-left:35px;/*padding-left:30px;background:url(../images/small.png) 0px 13px no-repeat;*/}
.article .share_main{list-style:none;position:absolute;top:0px;right:7px;}
.share_main{height:41px;width:180px;text-align:right;}
.share_main a{display:inline-block;width:41px;height:41px;overflow:hidden;margin-left:6px;text-indent:-500px;background-image:url('../images/share.png');}
.share_main .weibo{background-position:-9px -13px;}
.share_main .wechat{background-position:-59px -13px;}
.share_main .qq{background-position:-109px -13px;}
.share_main .meitian{background-position:-159px -13px;}


/*正文内容*/
.article_title{margin-top:40px;line-height:42px;font-size:28px;}
.article_summary{position:relative;padding:20px 90px;border:1px solid #c8c8c8;margin-top:47px;}
.article_summary .quotation{position:absolute;top:-10px;left:40px;width:24px;height:18px;background:#fff url('../images/quotation.png') no-repeat 6px 0px;padding:0px 6px;}
.article_summary .summary{font-size:13px;line-height:26px;}
.article_content{font-size:15px;line-height:26px;padding-top:47px;color:#555;word-wrap:break-word;overflow:hidden;text-align:justify;}
.article_content p,
.article_content div{margin-bottom:21px;}
.article_content img{display:block;margin:0 auto;max-width:660px;}
.article_content a{color:#1c9cff;font-weight:300;}
.article_content video{width:100%;height:100%;overflow:hidden;background:#000;vertical-align:top;}
.article_content .art_pic{margin:11px 0px;text-align:center;padding:0px;overflow:hidden;}
.article_content .art_pic img{max-width:100%;margin:0 auto;display:inline-block;vertical-align:middle;}
.article_content .art_pic .cut{margin-bottom:-30px;}
.article_content .art_pic a{display:inline-block;background:#eeeeee;}


.gallery_article{position:relative;}
.gallery_article .arrow_left{position:absolute;left:20px;top:50%;margin-top:-30px;width:33px;height:60px;display:block;background:url(../images/arrow.png) 0px -523px no-repeat;}
.gallery_article .arrow_right{position:absolute;right:20px;top:50%;margin-top:-30px;width:33px;height:60px;display:block;background:url(../images/arrow.png) -33px -523px no-repeat;}
.gallery_article .arrow_left:hover{background:url(../images/arrow.png) -66px -523px no-repeat;}
.gallery_article .arrow_right:hover{background:url(../images/arrow.png) -98px -523px no-repeat;}

/*App推荐*/
.app_recommend{position:absolute;top:0px;right:0px;height:25px;line-height:25px;color:#808080;margin-top:9px;}
.app_recommend a{display:none;}
/*
.app_recommend a{display:block;}
.app_recommend:after{content:'\0020';display:block;height:0;clear:both}
.app_recommend .logo{float:left;width:25px;height:25px;}
.app_recommend .logo img{display:block;width:25px;height:25px;}
.app_recommend .info{float:left;font-size:13px;padding:0px 6px;color:#808080;margin-left:5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.app_recommend .code{display:none;position:absolute;right:0px;top:30px;padding-left:60px;width:94px;text-align:center;}
.app_recommend .code img{display:block;width:82px;height:82px;margin:0 auto;}
.app_recommend .code span{display:block;font-size:12px;line-height:16px;margin-top:4px;color:#808080;}
.app_recommend a:hover .code{display:block;}
*/

/*图集分页*/
.gallery_wrap{width:660px;margin:24px auto 0px auto;}
.gallery_wrap .page{width:100%;height:25px;line-height:25px;font-size:15px;text-align:center;}
.gallery{margin-top:29px;position:relative;}
.gallery:after{content:'\0020';display:block;height:0;clear:both}
.gallery .photos_prev{float:left;position:relative;width:92px;height:92px;overflow:hidden;}
.gallery .photos_prev img{display:block;width:92px;height:92px;}
.gallery .photos_prev .cover{position:absolute;left:0px;top:0px;width:100%;height:100%;line-height:92px;text-align:center;color:#fff;background:rgba(0,0,0,0.45);}

.gallery .photos_next{float:right;position:relative;width:92px;height:92px;overflow:hidden;}
.gallery .photos_next img{display:block;width:92px;height:92px;}
.gallery .photos_next .cover{position:absolute;left:0px;top:0px;width:100%;height:100%;line-height:92px;text-align:center;color:#fff;background:rgba(0,0,0,0.45);}


.gallery .focus{position:absolute;width:365px;height:90px;overflow:hidden; left:107px;top:1px;padding:0 40px;}
.gallery .focus .slide{width:365px;}
.gallery .focus .slide:after{content:'\0020';display:block;height:0;clear:both}
.gallery .focus .slide li{float:left;width:82px;height:82px;overflow:hidden;padding:4px 4px;}
.gallery .focus .slide li.hover{padding:3px 3px;border:1px solid #666;}
.gallery .focus .slide li img{display:block;width:82px;height:82px;}
.gallery .focus .slidesjs-previous{position:absolute;left:-6px;top:6px;width:43px;height:74px;text-indent:-9999px;background:url(../images/arrow.png) 5px -400px no-repeat;z-index:99;}
.gallery .focus .slidesjs-next{position:absolute;right:-6px;top:6px;width:43px;height:74px;text-indent:-9999px;background:url(../images/arrow.png) -62px -400px no-repeat;z-index:99;}



.article_label_wrap{margin-top:66px;height:41px;font-size:13px;position:relative;}
.article_label{height:33px;line-height:33px;padding-top:4px;}
.article_label li{float:left;text-align:center;margin-right:13px;}
.article_label li.caption{color:#7f7f7f;width:31px;height:33px;line-height:33px;}
.article_label li a{display:block;width:66px;height:31px;color:#a6a6a6;border:1px solid #e5e5e5;}
.article_label li a:hover{color:#eb6100;}



/*半通栏广告*/
.article_wrap .left .pro_660x90{margin-top:84px;width:660px;height:90px;overflow:hidden;}

/*猜你喜欢*/
.article_recommend{margin-top:80px;}
.article_recommend .caption{height:12px;border-bottom:1px solid #212121;text-align:center;}
.article_recommend .caption span{display:inline-block;height:23px;line-height:23px;font-size:23px;background:#fff;padding:0px 9px;}
.article_recommend .list{width:660px;margin:55px auto 0px auto;overflow:hidden;}
.article_recommend .list ul{width:675px;overflow:hidden;}
.article_recommend .list ul:after{content:'\0020';display:block;height:0;clear:both}
.article_recommend .list li{float:left;width:210px;margin:0px 15px 49px 0px;}
.article_recommend .list li .photo{width:210px;height:210px;}
.article_recommend .list li img{display:block;width:210px;height:210px;}
.article_recommend .list li h3{margin:12px 0px 0px 0px;height:40px;line-height:20px;font-size:14px;overflow:hidden;}

/*最热视频*/
.article_video{margin-top:30px;}
.article_video .caption{height:12px;border-bottom:1px solid #212121;text-align:center;}
.article_video .caption span{display:inline-block;height:23px;line-height:23px;font-size:23px;background:#fff;padding:0px 9px;}
.article_video .list{width:660px;margin:55px auto 30px auto;overflow:hidden;}
.article_video .list ul{width:720px;overflow:hidden;}
.article_video .list ul:after{content:'\0020';display:block;height:0;clear:both}
.article_video .list li{float:left;width:300px;margin:0px 60px 14px 0px;}
.article_video .list li .photo{position:relative;width:300px;height:169px;}
.article_video .list li img{display:block;width:300px;height:169px;}
.article_video .list li .photo span{position:absolute;left:124px;top:60px;width:54px;height:50px;background:url(../images/play_btn.png) 0px 0px no-repeat;text-indent:-9999px;}
.article_video .list li h3{margin:12px 0px 0px 0px;height:40px;line-height:20px;font-size:14px;overflow:hidden;}

/*侧边栏广告*/
.sidebar .pro_300x250{widows:300px;height:250px;overflow:hidden;}
.sidebar .pro_300x450{width:300px;height:450px;overflow:hidden;margin-top:54px;}






.pro_300x450 img{
  -webkit-transform:scale(1) rotate(0deg);
  -moz-transform:scale(1) rotate(0deg);
  -ms-transform:scale(1) rotate(0deg);
  -o-transform:scale(1) rotate(0deg);
  transform:scale(1) rotate(0deg);
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out
}

.pro_300x450 img:hover{
  -webkit-transform:scale(1.1) rotate(8deg);
  -moz-transform:scale(1.1) rotate(8deg);
  -ms-transform:scale(1.1) rotate(8deg);
  -o-transform:scale(1.1) rotate(8deg);
  transform:scale(1.05)
}
.sprocket-mosaic .sprocket-mosaic-image {
  border-radius:3px
}