@charset "utf-8";
/*整个页面的背景颜色  主要的字体大小*/
body{ background-color: #531256; font-size: 14px; font-family: "microsoft yahei"; }
a { text-decoration: none; }

/*头部*/
.head{ width: 100%; height: 500px; background: url("../images/dawuxiaozhao11/header.jpg") no-repeat center; }

/*导航*/
.navWrap{ width: 100%; height: 34px; background-color: #b53e8e; }
.nav{ width: 960px; height: 34px; line-height: 34px; margin: 0 auto;  }
.navWrap .nav .navLeft{ float: left; margin: 0; }
.navWrap .nav .navLeft li{ display: inline-block; float: left; }
.navWrap .nav .navLeft li a{ display: inline-block; width: 94px; height: 32px; line-height: 32px; margin-top: 2px; text-align: center; }
.navWrap .nav .navLeft li a.current,
.navWrap .nav .navLeft li a:hover{ background: url('../images/dawuxiaozhao11/nav_hover.png') no-repeat center top; }
.navWrap .nav .navLeft li a,
.navWrap .nav .navRight a{ color: #ffffff; }
.navWrap .nav .navRight{ height: 34px; float: right; }
.navWrap .nav .navRight a.download{ display: inline-block; width: 110px; height: 32px; line-height: 30px; text-indent: 26px; margin-right: 20px; background: url('../images/dawuxiaozhao11/download.png') no-repeat center top; }
.navWrap .nav .navRight a.download:hover{ background: url('../images/dawuxiaozhao11/download_hover.png') no-repeat center top; }
.navWrap .nav .navRight a.mobileVV{ display: inline-block; width: 97px; height: 32px; line-height: 30px; text-indent: 34px; background: url('../images/dawuxiaozhao11/mobile.png') no-repeat center top; }
.navWrap .nav .navRight a.mobileVV:hover{ background: url('../images/dawuxiaozhao11/mobile_hover.png') no-repeat center top; }

/*视频*/
.video{ width: 100%; margin-top: 18px; padding-bottom: 4px; }
.videoTitle{ width: 960px; height: 48px; margin: 0 auto; font-size: 32px;  color: #fff; text-align: center; line-height: 48px; margin-bottom: 15px; background: url('../images/dawuxiaozhao11/video_title.png') no-repeat center top; }
#player{ width: 960px; height: 588px;  background-color: #000000; margin: 0 auto; }

/*背景和标题*/
.container{ width: 960px; margin: 0 auto; position: relative; background-color: #881d8d; color: #fff; margin-top: 10px; border-radius: 4px; padding-bottom: 40px; padding-top: 10px; }
.sortTitle{ width: 290px; height: 90px; margin: -18px auto 15px;/* position: absolute; top: 0; left: 0;*/  line-height: 104px; /*margin: 0 auto; margin-bottom: 23px;*/ font-size: 24px; font-weight: bolder; text-align: center; color: #dfb832; background: url('../images/dawuxiaozhao11/sort_title.png') no-repeat center top; }

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

/*小课堂*/
.ketang .diablock{ width:900px; margin:auto; }
.ketang .mb25{ margin-bottom:57px; }
.ketang .diablock .diablock_left1{ width:125px; height:136px; float:left; background: url('../images/dawuxiaozhao11/dawuxiaozhao.png'); }
.ketang .diablock .diablock_left1 span{ font-size:24px; font-weight: bold; float:left; margin-top:101px; margin-left:35px; color: #000;}
.ketang .diablock .diablock_left2{ width:125px; height:136px; margin-top: 17px; float:left; background: url('../images/dawuxiaozhao11/dawuxiaozhao.png'); }
.ketang .diablock .diablock_left2 span{ font-size:24px; font-weight: bold; float:left; margin-top:101px; margin-left:35px; color: #000;}
.ketang .diablock .diablock_right{ padding:15px; width:730px; float:left; margin-left:15px; margin-top: 34px; background: #a628ac; border-radius: 10px; color: #fff;}
.ketang .diablock .diablock_right h2{ color: #fff100; font-weight: bold; font-size:16px; line-height:25px; }
.ketang .diablock .diablock_right p{  line-height:20px; font-size:14px;}
.ketang .diablock .diablock_right p.content{ margin-top:3px; }
/*.ketang .diablock .diablock_right p.content span.conTit { font-size: 14px; color: #fff100; }*/

/*嘉宾*/
.jiabinMain{ width:960px; position:relative; }
.jiabinPic{ float: left; width: 325px; height: 376px; margin-left: 64px; margin-right: 37px; _display: inline; background: url('../images/dawuxiaozhao11/jiabin_pic.png') no-repeat center; }
.jiabinInfo{ width: 480px; float: left; }
.jiabinInfo p{ line-height: 28px; color: #fff; font-size: 12px; }
.jiabinInfo p.name{ font-size: 16px; font-weight: bold;  color: #dfb832; margin-bottom: 10px;}
.jiabinInfo p.danceLive{ font-weight: bold; margin-top: 20px; }
div.yinying{ width:139px; height:294px; background: url('../images/dawuxiaozhao11/yingzi.png') no-repeat center; position:absolute; left:761px;top:62px; }

/*简介*/
.introInfo,
.introPic{ float: left; }
.introInfo{ width: 515px; padding: 65px 58px 0 64px; line-height: 28px; color: #fff; }
.introInfo a { color: #fff100; }
.introInfo a:hover { color: #ffaf2c; }
.introPic{ width: 307px; height: 232px; background: url('../images/dawuxiaozhao11/intro_pic.jpg') no-repeat center; } 

/*精彩表演*/
.show{ position: relative; }
ul.showMain{ width: 838px; margin: 0 auto; }
ul.showMain li{ width: 270px; height: 150px; float: left; }
ul.showMain li a{ position: relative; display: inline-block; width: 266px; height: 146px; border: 2px solid #7a1a7f; border-radius: 4px; }
ul.showMain li a:hover{ border-color: #ef00fa; }
ul.showMain li a div{ width: 266px; height: 146px; position: relative; }
ul.showMain li a img{ width: 266px; height: 146px; border-radius: 4px; }
ul.showMain li h3{ text-align: center; height: 38px; line-height: 22px; color: #fff; }
ul.showMain li.middle{ margin: 0 14px; }
ul.showMain li a i{ display: none; width: 51px; height: 49px; margin: 0 auto; position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; background: url('../images/dawuxiaozhao11/play_icon.png') no-repeat center; }
ul.showMain li a:hover i.playIcon{ display: block; }
.moreShow{ height: 20px; line-height: 20px; font-size: 14px; display: inline-block;position: absolute; top: 30px; right: 12px; color: #fff; cursor: pointer; }
.moreShow:hover{ text-decoration: underline; color: #dfb832; }

/*花絮*/
.huaxuMain .imgList{ overflow: hidden; width: 834px; height: 315px; float: left; margin-left: 69px; position: relative;}
.huaxuMain .imgList ul{ width: 1728px; position: absolute; left: 0; margin-left: -15px; }
.huaxuMain .imgList ul li{ float: left; width: 186px; text-align: center; height: 138px; margin: 0 15px 29px 15px; }
.huaxuMain .imgList ul li a{ display: inline-block; width: 182px; height: 138px; border: 2px solid #7a1a7f; border-radius: 4px; position: relative; } 
.huaxuMain .imgList ul li a:hover{ background: #7e3ac2; border-color: #ef00fa;}
.huaxuMain .imgList ul li img{ width: 182px; height: 138px; border-radius: 4px; }
.huaxuMain .imgList ul li p{ width: 182px; height: 33px; line-height: 33px;  font-size: 14px; color: #fff; margin-top: -36px; background: rgba(0,0,0,.5); position: absolute; z-index: 100; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;display: none; }
.huaxuMain .imgList ul li img{ width: 182px; height: 138px;}
.huaxuMain #prev{ float: left; margin-top: 135px; width: 46px; height: 46px; margin-left: 10px; background:url('../images/dawuxiaozhao11/prev.png') no-repeat center; }
.huaxuMain #prev:hover{ background:url('../images/dawuxiaozhao11/prev_hover.png') no-repeat center; }
.huaxuMain #next{ float: right; margin-top: 135px; width: 46px; height: 46px; margin-right: 10px; background:url('../images/dawuxiaozhao11/next.png') no-repeat center; }
.huaxuMain #next:hover{ background:url('../images/dawuxiaozhao11/next_hover.png') no-repeat center; }

/*相关推荐*/
.recommend{ position: relative; }
ul.recommendMain{ width: 896px; margin: 0 auto; }
ul.recommendMain li{ float: left; }
ul.recommendMain li a{ display: inline-block; width: 280px; height: 188px; background-color: #d3e8ed; color: #333333; }
ul.recommendMain li a:hover{ background-color: #5ad9f3; color: #fff; }
ul.recommendMain li a img{ display: block; margin: 0 auto; margin-top: 10px; width: 250px; height: 138px; position: relative; }
ul.recommendMain li p{ text-align: center; line-height: 40px; }
ul.recommendMain li.middle{ margin: 0 28px; }
a.moreRecommend{ height: 20px; line-height: 20px; font-size: 14px; display: inline-block;position: absolute; top: 30px; right: 12px; color: #fff; cursor: pointer; }
a.moreRecommend:hover{ text-decoration: underline; color: #dfb832; }

/*扫描二维码*/
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/dawuxiaozhao11/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 #751979; }
.shareTop .tecentWeiXin:hover .sideCode{ display: block; }

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

/*footer*/
#footer_link_info a{ color: #ffffff; }
#footer_link_info a:hover{ color: #c8451d; }
#footer_link_info p{ color: #ffffff; }