/* dance index css */

html, body{ width: 100%; overflow-x: hidden;}
/* langsong index sprite */
.dotItem li, .changeMore span, .tit_change span, .listenIcon, .addFriend, .personList_btn, .bigChangeBtn span{ background: url(../../images_1405/com_index_sprite.png) no-repeat;}
.button{ background: url(../../images_1405/com_sprite.png) no-repeat;}
img{ display: block;}
.mt30{ margin-top: 30px;}
.mt26{ margin-top: 26px;}
.mt20{ margin-top: 20px;}
.pa{ position: absolute; left: 0;top: 0;}
.ovh{ *overflow: hidden;}
/* focus */
.slideBox{width: 1190px;margin: 0 auto;}
/* main */
.main{ width: 1190px; margin: 0 auto; font-family: microsoft yahei,simsun; font-size: 14px;}
.section{width:100%;overflow:hidden;}
/* left section */
.section_l{ width: 870px; height: 400px; /* position: relative; left: 0; top: 0; */ display: inline;}
.section_l_con{ margin-top: 26px;  position: relative;/* left: 0; top: 0; */ overflow: hidden; width: 100%;}
/* right section */
.section_r{ width: 280px; margin-left: 40px; display: inline;}
.section_r_con{ margin-top: 26px; _overflow: hidden; width: 100%;}
/* title block common */
.title{ height: 33px; border-bottom: 1px solid #e6e6e6; line-height: 34px; position: relative;}
.title h2{ font-size: 24px; color: #ff7e00;}
.titLine{ display: block; position: absolute; width: 115px; height: 2px; font-size: 0; line-height: 0; left: 0; bottom: -2px; background: #ff7e00;}
.subNav{ position: absolute; left: 125px; top: 0;}
.subNav a.current{ color: #ff7e00;}
.subNav span{ color: #ccc;}
.changeMore{ position: absolute; right: 0; top: 0; padding-right: 10px;}
.changeMore span{ background-position: -10px -290px; width: 3px; height: 6px; position: absolute; display: block; top: 15px; right: 0;}
/* imgList */
.imgList{ width: 1256px;}
.imgList_l{ width: 930px;}
.imgList li{ float: left; display: inline; margin-right: 63px; margin-bottom: 20px; width: 250px; height: 147px; overflow:hidden;}
.imgList_l li{ margin-right: 60px; width: 250px; height: 147px;}
.imgList li img{ display: block; width: 250px; height: 115px;}
.imgList_link{ display: block; line-height: 32px; height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.lPic{ _width: 200px; display: block; float: left;}
.lPic img{ width: 200px; height: 306px;}
.rImgList_wrap{ margin-left: 248px; width: 941px; overflow: hidden; _margin-left: 48px; _float: left;}
.rImgList{ width: 988px;}
.rImgList li{ float: left; display: inline; margin-right: 47px; margin-bottom: 20px; width: 200px; height: 142px; overflow:hidden;}
.rImgList li img{ display: block; width: 200px; height: 110px;}
/* tit_change */
.tit_change{ position: absolute; padding-right: 20px; right: 0; top: 0;}
.tit_change span{ display: block; position: absolute; top: 10px; right: 0; width: 16px; height: 16px; background-position: -109px -196px; _background-position: -113px -205px;}
/* listenIcon */
.listenIcon{ display: block; width: 15px; height: 13px; position: absolute; right: 0; top: 0px; background-position: -9px -365px; cursor: pointer;}
.listenIcon:hover { background-position: -9px -325px;}
/* star */
.section_con{ margin-top: 26px; position: relative;}
.personListWrap{ width: 100%; overflow: hidden; position: relative;}
.personList { width:999999px; height:160px; position: relative;}
.personList li { width:100px; height:160px; display:inline-block; float:left; margin-right:21px; position:relative;}
/*.personList li em.z {  display:none; background: url(../../images_1405/mus_index_headpic.png) no-repeat;}*/
.personPicLink img { border-radius:50px;}
.personList li.current .personPicLink img { border-radius:50px; border:2px solid #ff7e00; width:96px; height:96px; _border:none; _width:100px; _height:100px;}
.personName { text-align:center; display: block; padding-top: 10px;}
.addFriend { display:block; margin:5px auto 0; width:86px; height:22px; background-position:-170px -30px; -webkit-transition:all .2s linear;}
.personList li.current a.addFriend { background-position:-170px 0;}
.personList li:hover .personPicLink img { border-radius:50px; border:2px solid #ff7e00; width:96px; height:96px; _border:none; _width:100px; _height:100px;}
.personList li:hover a.addFriend { background-position:-170px 0;}
.personList_btn{ display: block; position: absolute; width:16px; height:26px; top: 40px;}
.personList_prev{ background-position:-10px -117px; left:-40px;}
.personList_next{ background-position:-50px -117px; right:-40px;}
.personList_prev:hover{ background-position:-180px -350px;}
.personList_next:hover{ background-position:-217px -350px;}
/* songList */
.wuqu{ width: 715px; /*height: 400px;*/ /* position: relative; left: 0; top: 0; */ display: inline;}
.songList{ /*width: 1250px;height: 166px;*/height: 316px;  overflow: hidden;}
.songList li{ /*width: 370px;*/width: 310px; /*margin-right: 40px;*/margin-right: 47px; float: left; /*margin-bottom: 15px;*/margin-bottom: 22px; line-height:12px;_line-height: 16px; font-size: 12px; position: relative;}
.songList li a.songList_link{display: block; /*width: 342px;*/width: 280px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


/*danceStudioList*/
.danceStudio{ width: 450px;/* height: 400px;*/ margin-left: 25px; display: inline; overflow: hidden;}
.danceStudioList{ position: relative; *height: 300px; margin-top: 26px; overflow: hidden; /*_overflow: hidden;*/ margin-right: -50px; *margin-right: -50px;}
/*.section_r_con{ margin-top: 26px; _overflow: hidden; width: 100%;}*/
.danceStudioList li{ float: left; width: 200px; height: 140px; margin-bottom: 10px; margin-right: 50px; *margin-right: 45px;}
.danceStudioList li a{ display: inline-block; width: 100%; height: 100%;}
.danceStudioList li .studioImg{ height: 110px;}
.danceStudioList li .studioName{ width: 200px; height: 30px; line-height: 30px; color: #888; font-size: 16px; text-align: center;}
.danceStudioList li a img{ width: 200px; height: 110px;}
/*.danceStudioList li a.studioName{display: inline-block; width: 200px; height: 30px; line-height: 30px;  color: #888; font-size: 16px; text-align: center;}*/
.danceStudioList li a:hover h3{ color: #ff9801; }
.mus_mainNav ul li{ position: relative; }
.mus_mainNav ul li .newIcon{ display: inline-block; width: 36px; height: 24px; background: url(/images_1405/dance/new.png) no-repeat center; position: absolute; top: -5px; right: 0; }

/*.mt10{margin-bottom: 14px;}*/
/*.mt50{margin-right: 50px;}*/

/*.songList li img{ width: 190px; height: 158px; display: block;}*/
/*.bottomList_line{ height: 32px; line-height: 32px; display: block; font-size: 12px; overflow: hidden; clear: both; padding: 0 10px;}
.btl_name{ float: left;}
.joinRoom{ float: right;}
.bigChangeBtn{ position: absolute; display: block; width: 190px; height: 190px; top: 215px; right: 0; background: #c2d983;}
.bigChangeBtn:hover{ background: #b9de54;}
.bigChangeBtn span{ display: block; width: 60px; height: 89px; margin: 38px auto 0; background-position: -180px -233px;}*/
/* bottomList */
.bottomList{ width: 930px;}
.bottomList li{ float: left; display: inline; background: #f7f7f7; margin-right: 36px; margin-bottom: 25px; *width: 190px;}
.bottomList li img{ width: 190px; height: 158px; display: block;}
.bottomList_line{ height: 32px; line-height: 32px; display: block; font-size: 12px; overflow: hidden; clear: both; padding: 0 10px;}
.btl_name{ float: left;}
.joinRoom{ float: right;}
.bigChangeBtn{ position: absolute; display: block; width: 190px; height: 190px; top: 215px; right: 0; background: #c2d983;}
.bigChangeBtn:hover{ background: #b9de54;}
.bigChangeBtn span{ display: block; width: 60px; height: 89px; margin: 38px auto 0; background-position: -180px -233px;}
/* knowList */
.knowList li{ position: relative; background: #f7f7f7; border-top: 1px solid #f0f0f0; height: 43px; line-height: 43px;}
.knowList li.oddLine{ background: #fffaf6;}
.knowList li a{ margin-left: 30px; font-size: 14px;}
.blockIcon{ position: absolute; display: block; width: 7px; height: 7px; left: 11px; top: 20px; background: #ff7e00; font-size: 0; line-height: 0;}
/* asideList */
.asideList li{ position: relative; background: #f7f7f7; border-top: 1px solid #ddd; line-height: 37px;}
.asideList li a.asideList_link{ margin-left: 30px; font-size: 14px;_padding:15px 0;}
.asideList li p.asideList_p{ line-height: 22px;  color: #888; padding: 0 22px 5px; font-size: 14px; text-indent: 2em;}
.asideList li.oddLine{ background: #f7f7f7;}
.asideList li.evenLine{ background: #eaeaea;}
.asideList li img{ width: 280px; height: 158px; display: block;}
.asideList li .blockIcon{ top: 15px; _top: 20px;}
/*友情链接*/
.friendLink { margin-top:20px; font-size:12px; line-height:25px;}
.friendLink a { padding-right:15px; display:inline-block; float:left; word-break:keep-all; margin-bottom:5px;}
/* media */
@media screen and (max-width: 1190px){
	/* html, body{ width: 960px;margin: 0 auto; overflow-x: hidden;} */
	.focus{ width: 960px; margin: 0 auto; overflow: hidden; height: 278px;}
	.focus_list{ width: 960px; margin: 0 auto; overflow: hidden; height: 278px;}
	.focus_list li{ width: 508px; height: 278px; position: absolute;}
	.focus_list li img{ width: 508px; height: 278px;}
	.focus_prev{ left: 183px; top: 139px;}
	.focus_next{ right: 183px; top: 139px;}
	.main{ width: 960px; margin: 0 auto;}
	.section_l{ width: 595px;}
	.section_l2{ width: 640px;}
	.section_r{ margin-left: 85px;}
	.danceStudio{width: 205px; height:360px; margin-left: 40px;}
	/*.section_r2{ margin-left: 33px;}*/
	.section_r2{ margin-left: 33px;}
	.danceStudio_r{ margin-left: 40px;}
	/*.songList{ width: 1300px;}*/
	.songList{ width: 718px;}
	.songList li{ width: 300px; margin-right: 59px;}
	.songList li a.songList_link{ width: 266px;}
	.imgList{ width: 1420px;}
	.imgList li{ margin-right: 105px;}
	.imgList_l li{ margin-right: 95px;}
	.rImgList_wrap{ width: 712px;}
	.rImgList{ width: 1016px;}
	.rImgList li{ margin-right: 54px;}
	.bottomList li{ margin-right: 35px;}
}
/*slide plugins*/
.posterTvGrid{position:relative;height:350px;}
.posterTvGrid img{max-width:none;max-height:none;border:0 none;background:#888;}
.posterTvGrid .contentHolder{position:relative;overflow:hidden;}
.posterTvGrid .contentHolderUnit{cursor:pointer;position:absolute;width:640px;height:270px;}
.posterTvGrid .contentHolderUnit a.elementLink{display:block;overflow:hidden;z-index:3;position:absolute;left:0;right:0;width:100%;height:100%;}
.posterTvGrid .contentHolderUnit img{width:100%;height:100%;}
.posterTvGrid .contentHolderUnit .elementTitle{}
.posterTvGrid .contentHolderUnit .elementOverlay{z-index:1;position:absolute;top:0;left:0;background:#000;width:100%;height:100%;opacity:0;_filter:opacity=0;_background:none;}
.posterTvGrid .contentHolderUnit .leftShadow{position:absolute;top:0;left:-174px;width:174px;height:350px;background:url(../../images_1405/leftShadow.png) repeat-y;}
.posterTvGrid .contentHolderUnit .rightShadow{position:absolute;top:0;right:-174px;width:174px;height:350px;background:url(../../images_1405/rightShadow.png) repeat-y;}
.posterTvGrid .bannerControls{}
.posterTvGrid .leftNav,.posterTvGrid .rightNav{background:url("../../images_1405/slideSprites.png");cursor:pointer;z-index:10;position:absolute;top:50%;width:57px;height:66px;margin-top:-33px;}
.posterTvGrid .leftNav{background-position: 0 0;left: 230px;}
.posterTvGrid .rightNav{background-position: -67px 0;right: 230px;}
.posterTvGrid .leftNav:hover{background-position: 0 -76px;}
.posterTvGrid .rightNav:hover{background-position: -67px -76px;}
.posterTvGrid .bottomNav{z-index:140;position:absolute;width:100%;height:10px;bottom:20px;padding:10px 0 0;text-align:center;}
.posterTvGrid .bottomNavButtonOFF{background: url("../../images_1405/slideSprites.png") no-repeat 0 -152px;cursor:pointer;overflow:hidden;display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;
    margin:0 5px;vertical-align:top;}
.posterTvGrid .bottomNavButtonON,
.posterTvGrid .bottomNavButtonON:hover{background-position: -20px -152px;}