@charset "utf-8";
/*整个页面的背景颜色  主要的字体大小*/
body{ background: url("../images/youthmodel10/bodyBg.jpg") repeat; font-size: 14px;}

/*头部*/
.header{ width: 100%; height: 466px; background: url("../images/youthmodel10/header.png") no-repeat center; }
.navCon { width: 100%; height: 34px; background-color: #4179e5;}
.nav{ width: 960px; height: 34px; line-height: 34px; margin: 0 auto; }
.nav .navLeft{ float: left; }
.nav .navLeft li{ display: inline-block; float: left; }
.nav .navLeft li a{ display: inline-block; width: 90px; height: 34px; line-height: 34px; text-align: center; }
.nav .navLeft li a.current,
.nav .navLeft li a:hover{ background: url("../images/youthmodel10/nav_hover.png") no-repeat center; }
.nav .navLeft li a { color: #fff; }
.nav .navRight a{ color: #ffef00; }
.nav .navRight a:hover{ color: #fff687; }
.nav .navRight{ float: right; }
.nav .navRight a.download{ display: inline-block; width: 84px; height: 19px; line-height: 19px; padding-left: 23px; background: url("../images/youthmodel10/download.png") no-repeat center; }
.nav .navRight a.download:hover{ background: url("../images/youthmodel10/download_hover.png") no-repeat center; }
.nav .navRight a.mobileVV{ display: inline-block; width: 64px; height: 20px; line-height: 20px; padding-left: 35px; background: url("../images/youthmodel10/mobile.png") no-repeat center; }
.nav .navRight a.mobileVV:hover{ background: url("../images/youthmodel10/mobile_hover.png") no-repeat center; }

/*视频*/
.play{ width: 100%; }
.playTitle{ width: 960px; height: 50px; margin: 0 auto; font-size: 32px; font-weight: bold; color: #ffffff; text-align: center; line-height: 35px; margin-bottom: 15px; background: url("../images/youthmodel/play_title.png") no-repeat center; }
#player{ width: 960px; height: 588px;  background-color: #000; margin: 0 auto; }

.container{ width: 960px; margin: 0 auto; background-color: #fff; color: #000000; margin-bottom: 10px; padding-bottom: 20px; overflow: hidden; }
.sortTitle{ width: 897px; height: 68px; line-height: 68px; margin: 0 auto; margin-top: 20px; font-size: 32px; font-weight: bolder; text-align: center; color: #000; }
.shortSortTitle{ background: url("../images/youthmodel10/short_sort_title.png") no-repeat center; }
.longSortTitle{ background: url("../images/youthmodel10/long_sort_title.png") no-repeat center; }

/*简介*/
.intro p{ margin: 0px 30px; line-height: 26px; color: #333333; text-indent: 2em; }
.intro p.introP{ padding-top: 27px; }

/*嘉宾*/
.jiabin .jiabinMain img.jiabinPic{ float: left; width: 275px; height: 455px; margin-left: 30px; margin-top: 10px;}
.jiabinInfo{ float: left; margin-left: 24px; width: 602px; }
.jiabinInfo p{ line-height: 28px; font-size: 14px; color: #333; vertical-align: top; }
.jiabinInfo p.name { font-size: 32px; font-weight: bold; color: #333; margin-top: 30px; margin-bottom: 25px; }

.jiabinInfo span.ellipse{ display: inline-block; margin-top: 4px; margin-right: 4px; width: 17px; height: 17px; vertical-align: top; background: url("../images/youthmodel10/ellipse.png") no-repeat; }

/*活动图片*/
.activeMain{ padding: 20px 0 25px; }
.activeMain .imgList{ overflow: hidden; width: 840px; height: 315px; float: left; margin-left: 5px; position: relative;}
.activeMain .imgList ul{ width: 1680px; position: absolute; left: 0;}
.activeMain .imgList ul li{ float: left; width: 187px; text-align: center; height: 138px; margin:8px 11px; background: #fff; }
.activeMain .imgList ul li a{ display: inline-block; width: 183px; height: 138px; border: 2px solid #fff; position: relative; } 
.activeMain .imgList ul li a:hover{ border-color: #fe4143;}
.activeMain .imgList ul li img{ width: 183px; height: 138px; }
.activeMain .imgList ul li p{width: 183px; height: 33px; line-height: 33px;  font-size: 14px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; }
.activeMain .imgList ul li img { width:183px; height:138px;}
.imgList p{ display: none; margin-top: -33px; background: rgba(0,0,0,.5); position: absolute; z-index: 100;}
.activeMain #prev{ float: left; margin-top: 135px; width: 46px; height: 46px; margin-left: 10px; background: url("../images/youthmodel10/prev.png") no-repeat center; }
.activeMain #prev:hover{ background: url("../images/youthmodel10/prev_hover.png") no-repeat center; }
.activeMain #next { float: right; margin-top: 135px; width: 46px; height: 46px; margin-right: 10px; background: url("../images/youthmodel10/next.png") no-repeat center; }
.activeMain #next:hover{ background: url("../images/youthmodel10/next_hover.png") no-repeat center; }

/*相关推荐*/
.recommend{ position: relative; }
.recommendMain{ margin-left: 35px; padding: 20px 0 35px; }
.recommendMain ul li{ float: left; }
.recommendMain ul li a{ display: inline-block; width: 278px; height: 188px; background-color: #e9e9e9; color: #333333; }
.recommendMain ul li a:hover{ background-color: #fe5252; color: #ffffff; }
.recommendMain ul li a img{ display: block; margin: 0 auto; margin-top: 10px; width: 250px; height: 138px; position: relative; }
.recommendMain ul li p{ text-align: center; line-height: 40px; }
.recommendMain ul li.middle{ margin: 0 29px; }
.moreRecommend{ height: 20px; line-height: 20px; font-size: 14px; display: inline-block;position: absolute; top: 23px; right: 35px; color: #000000; cursor: pointer; }
.moreRecommend:hover{ text-decoration: underline; color: #05c0c0; }

/*评论*/
.commentMain{ width: 898px; margin: 0 auto; padding: 20px 0 32px; }
#vv_comment .talk_box{ background-color: #ffffff; }

/*扫描二维码*/
div.scan_box{ position: fixed; height: 213px; width: 172px; background: url("../images/sao_erweimabg.png") no-repeat center; bottom: 440px; right: 17px; z-index: 10; }
a.scan_close{ height: 22px; width: 22px; display: block; position: absolute; right: 3px; top: 3px; }
.scan_erweima{ position: absolute; left: 16px; top: 112px; }


/*返回顶部和分享*/
*html{ background-image: url(about:blank); background-attachment: fixed; }
.shareTop{ width: 36px; position: fixed; right: 0; bottom: 150px; _position: absolute; _bottom: auto; _margin-bottom: 150px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
.shareTop .top,
.shareTop .bdshare_b a.img,
#bdsharemore,
.shareTop .tecentWeiXin a{ background: url("../images/youthmodel10/side_share.png") no-repeat center; }
.shareTop a.top{ display: inline-block; width: 36px; height: 36px; margin-bottom: 10px; background-position: 0 0; }
.shareTop a.top:hover{ background-position: -54px 0; }
.bdsharebuttonbox  .sa{ display: block; float: none; font-size: 14px; height: 76px; }
#bdsharemore{ margin: 0; padding: 0; display: inline-block; width: 36px; height: 76px; background-position: -0px -46px;}
#bdsharemore:hover{ background-position: -54px -46px; }
.shareTop .tecentWeiXin a{ display: inline-block; width: 36px; height: 140px; margin-top: 10px; background-position: 0 -132px; }
.shareTop .tecentWeiXin a:hover{ background-position: -54px -132px; }
.shareTop .tecentWeiXin{ position:relative; }
.shareTop .tecentWeiXin .sideCode{ position: absolute; display: none; width: 130px; height: 130px; left: -140px; top: 10px; border: 5px solid #2d64cb; }
.shareTop .tecentWeiXin:hover .sideCode{ display: block; }

/*锚点定位*/
.target-fix{ position: relative; top: -33px; display: block; height: 0; overflow: hidden; }

/*footer*/
#footer_link_info a{ color: #fff; }
#footer_link_info a:hover{ color: #f5e831; }
#footer_link_info p{ color: #fff; }