@import url(layout.css); 

.fans em i ,.fans a.joinfans_btn i ,.updown_scroll .updown_scroll_page a{ background:url(../images/icon.gif) no-repeat 0 0; display:inline-block; width:16px; height:16px;}

/*banner*/
.banner{ position: relative; height: 500px; width: 1000px; margin: 0 auto;}
.banner a { float: left; display: inline; position:relative;}
.banner a .layer{ background:rgba(0,0,0,.6); width:830px; height:110px; display:inline-block; bottom:20px; left:55px; position:absolute; padding:15px 30px;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.banner a .layer{ background-color:#000; filter:Alpha(opacity=60);}
}
.banner a .layer strong{ font-size:30px; display:block; height:30px; line-height:30px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; color:#fff; font-weight:bold;}
.banner a .layer p{ height:48px; line-height:24px; overflow:hidden; margin-top:10px; color:#ccc;}
.banner .img { position: absolute; width: 1000px; height: 500px; overflow: hidden;}
.banner .img span { position: absolute; width: 19999px; display: block;}
.banner .btns { z-index: 10; position: absolute; width: 1000px;}
.banner .btns b { position: absolute; width: 1000px; display: block; height: 15px; overflow: hidden; top:450px; text-align:center; left:50%;}
.banner .btns b i { width: 15px; height: 15px; background:#fff; display:inline-block; font-size: 0px; overflow: hidden; cursor: pointer; margin:0 5px; border-radius: 15px;}
.banner .btns b i:hover { background: #f69;}
.banner .btns b i.on { background: #f69; cursor: default;}
.banner .btns b i.on:hover { background: #f69; cursor: default;}
.banner .btns s { position: absolute; width: 60px; display: none; height: 80px; overflow: hidden; top: 200px; cursor: pointer;}
.banner .btns s i { position: absolute; width: 60px; background:url(../images/btn_show.png); height: 160px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/btn_show.png"); _background: none;}
.banner .btns s.prev { left: 0;}
.banner .btns s.prev i { top: -80px;}
.banner .btns s.next { right: 0px;}
.show-hover.banner .btns s { display: block;}
.masks { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; height: 500px; position: absolute; background: #000; overflow: hidden;}
.mc{width: 451.5px;height: 500px;position: absolute;z-index: 0;background-color: rgba(0,0,0,0.5);left: 0px;top:0px;}

/*明星推荐*/
.starlist{ background:#f1f1f1; padding:30px 0;}
.starlist a{ display:inline-block; width:112px; overflow:hidden; margin-left:25px;}
.starlist a img{ width:112px; height:112px; border-radius:112px; overflow:hidden;}
.starlist a span{ display:block; text-align:center; margin-top:5px;}
.starlist a.more{ color:#f69;}

/*内容*/
.index_main h2{ height:40px; background:url(../images/index_title.gif) no-repeat 0 0; margin-top:45px;}
.index_main h2.title1{ background-position:0 0;}
.index_main h2.title2{ background-position:0 -40px;}
.index_main h2.title3{ background-position:0 -80px;}
.index_main h2.title4{ background-position:0 -120px;}
.index_main .box{ margin-top:40px;}
.index_main .box .box_l{ width:670px; overflow:hidden;}
.index_main .box .box_r{ width:310px; overflow:hidden;}

/**/
.b_pictxt{ position:relative;}
.b_pictxt a{ display:block; width:270px; height:200px;overflow:hidden; position:relative; margin-bottom:20px;}
.b_pictxt a img{ width:auto; height:200px; margin-left:-11px;}
.b_pictxt a p{ position: absolute;bottom: 0; left: 0; width: 250px;  height: 30px; line-height: 30px; color: #fff;  padding: 0 10px;  text-align: center;  background: rgba(0,0,0,.5); overflow:hidden; white-space: nowrap; text-overflow: ellipsis;
}

.big_pic,.updown_scroll{ width:670px; height:325px; overflow:hidden;}
.big_pic a,.updown_scroll a{ display:block; position:relative;width:670px; height:325px; overflow:hidden;}
.big_pic a img,.updown_scroll a img{ width:670px; height: 325px;}
.big_pic a .layer2,.updown_scroll a .layer2{ position: absolute; background: rgba(0,0,0,.6); _background: #000; _opacity: 0.6; bottom: 20px; width: 590px; left: 20px;  padding: 15px 20px; color: #fff;}
.big_pic a .layer2 strong,.updown_scroll a .layer2 strong { display:block;font-size: 20px; height: 34px;line-height: 34px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.big_pic a .layer2 p,.updown_scroll a .layer2 p{ line-height: 20px; height:20px; overflow: hidden; margin:5px 0; color: #ccc; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;
}

/**/
dl.tab_imgtxt{ width:380px; height:90px; overflow:hidden;}
dl.tab_imgtxt dt{ float:right;}
dl.tab_imgtxt dt img{ width:auto; height:90px;}
dl.tab_imgtxt dt a{ display:none; display:block;  width:120px; height:90px; overflow:hidden;}
dl.tab_imgtxt dd a{ height:30px; display:block; line-height:30px; overflow:hidden; padding:0 10px;}
dl.tab_imgtxt dd a.cur{ background:#f1f1f1; font-size:18px; color:#f69;}
#tab_imgtxt2 ,#tab_imgtxt3 ,#tab_imgtxt4 ,#tab_imgtxt6,#tab_imgtxt7,#tab_imgtxt8{ margin-top:20px;}

/**/
ul.imgtxt_list li{ width:160px; overflow:hidden; float:left; margin-right:10px;}
ul.imgtxt_list li.mrnone{ margin-right:0;}
ul.imgtxt_list li img{ width:auto; height:240px; margin-left:-96px;}
ul.imgtxt_list li a{ position:relative; display:block;width:160px; height:240px;}
ul.imgtxt_list li a p{ background:rgba(0,0,0,.5); position:absolute; width:140px; height:40px; bottom:-60px; left:0; z-index:5; color:#fff; padding:10px;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
ul.imgtxt_list li a p{ background-color:#000; filter:Alpha(opacity=50);}
}
ul.imgtxt_list li a p span{ display:block; line-height:20px; height:40px; overflow:hidden;}

/**/
.m_imgtxt a{ display:block; width:310px; height:200px; overflow:hidden;}
.m_imgtxt img{ width:310px; height:auto; margin-top:-2px;}
.m_imgtxt p{ width:290px; height:30px;}

/**/
.fans{ background:url(../images/i_fansbg.gif) no-repeat 0 0; width:270px; height:110px; padding:20px; position:relative;}
.fans img{ width:110px; height:110px; float:left; margin-right:15px; border-radius:50%;}
.fans strong ,.fans em{ display:block;}
.fans strong{ color:#f69; height:30px; line-height:30px; overflow:hidden;}
.fans em{ font-size:12px; color:#999; height:16px; line-height:16px; margin-top:5px;}
.fans em i ,.fans a.joinfans_btn i{ float:left; margin-right:5px;}
.fans em.icon_fs1 i{ background-position:0 0;}
.fans em.icon_no1 i{ background-position:-16px 0;}
.fans a.joinfans_btn{ position:absolute; height:28px; padding:0 10px; border:1px solid #f69; border-radius:3px; line-height:28px; display:block; right:20px; bottom:20px; color:#f69;}
.fans a.joinfans_btn i{ background-position:0 -48px; margin-top:7px;}
.fans a.joinfans_btn:hover{ background:#f69; color:#fff;}
.fans a.joinfans_btn:hover i{ background-position:0 -32px;}

/**/
.banner670x455{ width:670px; height:455px; overflow:hidden; position:relative; }
.banner670x455 .oUlplay { width:99999px; position:absolute; left:0; top:0;}
.banner670x455 .oUlplay li{ float:left; position:relative;}
.banner670x455 .oUlplay li img{ width:670px; height:455px;}
.banner670x455 .oUlplay li .layer{ position:absolute; background:rgba(0,0,0,.6); _background:#000; _opacity: 0.6; bottom:20px; width:590px; left:20px; padding:15px 20px; color:#fff;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.banner670x455 .oUlplay li .layer{ background-color:#000; filter:Alpha(opacity=60);}
}
.banner670x455 .oUlplay li .layer strong{ display:block;font-size:24px; height:34px; line-height:34px;white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.banner670x455 .oUlplay li .layer p{ height:40px; line-height:20px; overflow:hidden; margin:5px 0 20px; color:#ccc;}
.banner670x455 .smalltitle {width:670px; height:10px; position:absolute; bottom:30px; z-index:10;}
.banner670x455 .smalltitle ul{ width:60px; margin:0 auto;}
.banner670x455 .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
.banner670x455 .smalltitle .thistitle{ background:#f69;}

/**/
ul.imglist{ width:690px;}
ul.imglist li{ position:relative; float:left; margin-right:20px;}
ul.imglist li a{ display:block;}
ul.imglist li small{ display:block; width:325px; height:325px; overflow:hidden;}
ul.imglist li img{ width:auto; height:325px; margin-left:-74px;}
ul.imglist li span{ position:absolute; width:225px; height:40px; padding:0 20px; line-height:40px; left:30px; bottom:0; background:rgba(255,255,255,.9); overflow:hidden; color:#333; font-size:16px; text-align:center;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
ul.imglist li span{ background-color:#fff; filter:Alpha(opacity=90);}
}
ul.imglist li em{ position:absolute; left:0; top:0; width:40px; height:40px; background:#f69; color:#fff; line-height:40px; text-align:center; font-size:20px;}

/**/
dl.title_imgtxt_list dt{ font-size:22px; height:30px; line-height:30px;}
dl.title_imgtxt_list dt span{ margin-left:5px; font-family:Arial;}
dl.title_imgtxt_list dd a em{width:310px; height:240px; overflow:hidden; display:block;}
dl.title_imgtxt_list dd a em img{ width:auto; height:240px; margin-left:-20px;}
dl.title_imgtxt_list dd p{ line-height:43px; height:43px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
dl.title_imgtxt_list dd a:hover{ color:#f69;}

/**/


ul.updown_imgnews{ float:left; margin-left:2px;}
ul.updown_imgnews li{ float:left; position:relative; margin-right:20px;}
ul.updown_imgnews li.margin0{ margin:0;}
ul.updown_imgnews li.list2{ margin-top:40px;}
ul.updown_imgnews li a{ display:block; width:152px; height:270px; overflow:hidden;}
ul.updown_imgnews li img{ width:auto; height:270px; margin-left:-121px;}
ul.updown_imgnews li span{ position:absolute; width:95px; height:30px; padding:0 10px; line-height:30px; left:20px; bottom:0; background:rgba(255,255,255,.9); overflow:hidden; color:#333; text-align:center;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
ul.updown_imgnews li span{ background-color:#fff; filter:Alpha(opacity=90);}
}

/**/
h4.min_title{ text-align:center; font-size:26px; font-weight:normal; margin-top:50px;}
h4.min_title i{ background:url(../images/icon_list.gif) no-repeat 0 0; display:inline-block; width:17px; height:17px; margin:0 15px;}
h4.min_title span{ margin-left:5px;}

/**/
.scroll_newslist{ margin-top:30px;}
.scroll_newslist a.scroll_page{ width:22px; height:80px; background:url(../images/scroll_page.gif) no-repeat 0 0; margin-top:50px;}
.scroll_newslist a.scroll_pre{ background-position:0 0;}
.scroll_newslist a.scroll_next{ background-position:-22px 0;}
.scroll_newslist .scroll_main{ width:560px; height:180px; overflow:hidden; position:relative; margin-left:35px;}
.scroll_newslist .scroll_main ul{ position:absolute;}
.scroll_newslist .scroll_main ul li{ height:260px; width:560px; float:left;}
.scroll_newslist .scroll_main ul li .img{ position:relative; width:260px; overflow:hidden; float:left; margin-right:20px;}
.scroll_newslist .scroll_main ul li .img img{ width:260px; height:180px;}
.scroll_newslist .scroll_main ul li .img span{ background:rgba(0,0,0,.5); color:#fff; display:block; height:30px; line-height:30px; text-align:center; left:0; bottom:0; position:absolute; width:240px; padding:0 10px;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.scroll_newslist .scroll_main ul li .img span{ background-color:#000; filter:Alpha(opacity=50);}
}
.scroll_newslist .scroll_main ul li p{ float:right; width:265px; height:90px; line-height:30px; margin-top:45px;}

/**/
.tl_imgtxt{ background:#f1f1f1; padding:20px 0 10px;}
.img_list { width:1000px; overflow: hidden;}
.img_list ul { width: 1040px; float: left;}
.img_list li { width:228px; float:left; overflow: hidden; margin-right:30px; height:202px;}
.img_list li em { width: 228px; height: 172px; overflow:hidden; display:block;}
.img_list li em img { width: auto; height: 172px; margin-left:-11px;}
.img_list li span { height:30px; line-height:30px; overflow:hidden; display:block; padding:0 10px; text-align:center;}
.img_list li a:hover{ color:#f69;}

.sPage { text-align: center; clear: both;}
.sPage em { width: 12px; height: 12px; display: inline-block; background: #cccccc; border-radius: 12px; margin: 3px; cursor: pointer;vertical-align: middle; overflow: hidden;}
.sPage em.on { background: #f69;}

.bottom { margin-top: 0;}

/*头部广告图*/
.t_banner{ position:relative;}
.t_banner i{ position:absolute; right:0; top:0; background: url(http://www.jushuo.com/static/pc/images/tbanner_close.png) no-repeat 0 0; width:28px; height:25px; cursor:pointer;}
