/* langsong index css */

/* langsong index sprite */
.ls_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;}
.pa{ position: absolute; left: 0;top: 0;}
.ovh{ *overflow: hidden;}
/* .Mou{ *height: 454px;} */
/* focus */
.ls_focusBg,.focusBg{ margin-top: 129px; height: 500px; position: relative;}
.slideBox{width: 1190px;margin: 0 auto;}

/* main */
.ls_main{ width: 1190px; margin: 0 auto; font-family: microsoft yahei,simsun; font-size: 14px;}
.section{ padding-top: 40px; _overflow: hidden; clear: both;}
/* .wh_sec{ height: 400px;} */
/* left section */
.section_l{ width: 870px; position: relative; display: inline;}
.section_l_con{ margin-top: 26px; position: relative; _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;}
/* first left section content */
.picList_l{ width: 900px;}
.picList_l li{ float: left; margin-right: 30px; margin-bottom: 30px; padding: 10px 10px 0; background: #f2f2f2; *height: 160px;}
.picList_l li:hover, .picList_r li:hover, .pa:hover img{ -webkit-box-shadow: 0 0 4px #ff7e00; -moz-box-shadow: 0 0 4px #ff7e00; box-shadow: 0 0 4px #ff7e00;}
.picList_l li img{ width: 250px; height: 115px;}
.picLink{ line-height: 30px; font-size: 12px;_line-height:24px;position: relative;}
/* first right section content */
.picList_r{ width: 100%;}
.picList_r li{ margin-bottom: 30px; padding: 10px 15px 0; background: #f2f2f2; *height: 160px;}
.picList_r li.last_piclist_r_ele{ margin-bottom: 0;}
.picList_r li img{ width: 250px; height: 115px;}
/* other piclist content */
.phoList_l{ width: 900px;}
.phoList_l li{ margin-right: 23px; float: left; width: 200px; height: 152px; overflow:hidden;}
.phoList_l li img{ width: 200px; height: 110px;}
.phoLink{ line-height: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.phoList_l li img:hover{ box-shadow: 0 0 4px #ff7e00;}
.wordItem{ background: #f7f7f7; padding: 0 10px; _overflow: hidden; clear: both;/*  height: 140px; */}
.wordItem a{ margin-right: 14px; line-height: 30px; height: 30px; font-size: 14px; float: left; word-break: keep-all; position: relative;}
.wordItem a.luan1{ margin-right: 15px;}
.wordItem a.luan2{ margin-right: 15px;}
.wordItem a.luan3{ margin-right: 10px;}
.wordItem a.luan4{ margin-right: 10px;}
.wordItem a.luan5{ margin-right: 8px;}
.wordItem a.luan6{ margin-right: 10px;}
.wordItem a.luan7{ margin-right: 11px;}
.wordItem a.luan8{ margin-right: 11px;}
.wordItem a.luan9{ margin-right: 11px;}
.wordItem a.luan10{ margin-right: 10px;}
.wordItem a.luan11{ margin-right: 15px;}
.wordItem a.luan12{ margin-right: 16px;}
.wordItem a.luan13{ margin-right: 15px;}
.wordItem a.luan14{ margin-right: 0px;}
.wordItem a.current{color: #ff7e00;}
.tit_change{ position: absolute; padding-left: 20px; right: 0; top: 0;}
.tit_change span{ display: block; position: absolute; top: 10px; left: 0; width: 16px; height: 16px; background-position: -109px -196px;}

.changeList{ padding: 10px 28px; background: #f7f7f7;}
.changeList li{ position: relative; line-height: 30px; height: 30px;}
.changeList li a{ font-size: 12px; display: block;}
.changeList li a:hover .listenIcon{ background-position: -9px -325px;}
.listenIcon{ display: block; width: 15px; height: 13px; position: absolute; right: 0; top: 10px; background-position: -9px -365px;}
/* langsong star */
.section_con{ margin-top: 26px; position: relative;}
.personListWrap{ width: 100%; overflow: hidden; position: relative;}
.personList { width:10000px; height:160px;}
.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;}

.bz_imgbox{ padding-left: 223px; width: 670px;}
.bz_imgbox li{ margin-bottom: 10px;}

.readList{ width: 1260px;}
.readList li{ width:180px; float: left; margin-top: 20px; font-size: 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-right:22px;}

.bottomList{ width: 930px;}
.bottomList li{ float: left; display: inline; padding: 8px; background: #f7f7f7; margin-right: 55px; margin-bottom: 26px; *width: 160px;}
.bottomList li img{ width: 160px; height: 120px;}
.bottomList_line{ padding-top: 15px; display: block; font-size: 12px; overflow: hidden; clear: both;}
.btl_name{ float: left;}
.joinRoom{ float: right;}
.bigChangeBtn{ position: absolute; display: block; width: 190px; height: 170px; top: 190px; 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 li{ position: relative; background: #f7f7f7; border-top: 1px solid #e4e4e4; height: 44px; line-height: 44px;}
.knowList li.oddLine{ background: #ecf0e1; border-top: 1px solid #dfe3d6;}
.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;}

/*友情链接*/
.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;}

/* 作品精选 added by LPH 2014/10/24 */
.zuopinList { width:105%; margin-top:26px;}
.zuopinList li{ margin-right: 48px; float: left; width: 200px; height: 152px; overflow:hidden;}
.zuopinList li img{ width: 200px; height: 110px;}
.zuopinList li img:hover{ box-shadow: 0 0 4px #ff7e00;}


@media screen and (max-width: 1190px){
	.ls_focus{ width: 960px; overflow: hidden; height: 278px;}
	.ls_focus_list{ width: 960px; overflow: hidden; height: 278px;}
	.ls_focus_list li{ width: 508px; height: 278px; position: absolute;}
	.ls_focus_list li img{ width: 508px; height: 278px;}
	.ls_focus_prev{ left: 183px; top: 139px;}
	.ls_focus_next{ right: 183px; top: 139px;}
	.ls_main{ width: 960px;}
    .section_l{ width: 640px;}
    .section_r{ margin-left: 40px;}
    .picList_l li{ margin-right: 100px;}
    .wh960{ height: 360px; overflow: hidden;}
    .phoList_l{ width: 660px; height: 150px; overflow: hidden;}
    .phoList_l li{ margin-right: 20px;}
    .bz_imgbox{ width: 440px; overflow: hidden; height: 320px;}
    .readList{ width: 1000px; overflow: hidden;}
    .readList li{ width:150px; margin-right:12px;}
	.zuopinList li{ margin-right: 15px; width:182px;}
	.zuopinList li img{ width: 182px; height: 100px;}
}

/*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;}