/*CSS reset*/
body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,strong,input,form{margin:0; padding:0}
ul,li{list-style:none}
img{border:none; display:block}
a:link{color:#333; text-decoration:none}
a:visited{color:#444; text-decoration:none}
a:hover{color:#c00; text-decoration:none}
a:active{color:#c00}
a{ cursor:pointer}
.disnone{display:none}
a span{cursor:pointer}
h1,h2,h3,h4{font-size:14px}

/*Basic Swiper Styles */
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
/*Basic Swiper Styles */

/*Í¼Æ¬×ÔÊÊÓ¦Íâ¿ò*/
.boximg{ position:relative; overflow:hidden}
.boximg img{ position: absolute;left: 0;top: 0;margin: 0;display: block;width: auto; height: auto;min-width: 100%; min-height: 100%;max-height: none; max-width: none;}
/*Í¼Æ¬×ÔÊÊÓ¦Íâ¿ò*/

#videoplay{ margin:0 auto; width:90%}

/*Í·²¿ bar ×ó±ß*/
.top{ height:30px; background-color:#000}
.top-inner{ width:1200px; margin:0 auto;}
.t-left{ width:300px; float:left}
.t-left li{ float:left; position:relative; font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; line-height:30px; margin:0 7px; display:inline-block; color:#999;white-space: nowrap;}
.t-left .sina{margin-right:2px}
.t-left .weixin{ margin:0 2px}
.sina a,.weixin a{ width:38px; height:30px; display:block; text-indent:-9999px; font-size:12px}
.sina a{ background:url(../images/ico.png) 7px 6px no-repeat}
.weixin a{ background:url(../images/ico.png) 7px -22px no-repeat}
.sina a:hover{ background:#999 url(../images/ico.png) 7px -52px no-repeat}
.weixin a:hover{ background:#999 url(../images/ico.png) 7px -83px no-repeat}
.t-left li .qr{ width:112px; height:112px; display:block; position:absolute; left:-9999px}
.sina .qr{ background:url(../images/qr_sina.gif) left top no-repeat;}
.weixin .qr{background:url(../images/qr_weixin.gif) left top no-repeat}
.t-left a:hover .qr{ left:-1px; top:29px}
/*Í·²¿ bar ×ó±ß½áÊø*/

/*Í·²¿ bar ÓÒ±ß*/
.t_right{ width:600px; float:right}
.t_right .login{ float:right; width:100px; float:right; margin-left:20px}
.t_right .search{ float:right; width:250px; float:right}
.search{ margin:3px 0}
.search .sinput{ width:114px; height:17px; border:none; background-color:#353535;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s; display:block; float:right; color:#fff; padding:3px; line-height:17px}
.search .sinput:focus{width: 175px;}
.search .sbtn{ width:30px; height:23px; border:none; background:url(../images/ico.png) no-repeat left -125px; display:block; float:right; cursor:pointer}
.login li{  font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; white-space: nowrap; float:left; margin:0 10px; display:inline-block; line-height:30px}
.login li a{ color:#999}
/*Í·²¿ bar ÓÒ±ß±ß½áÊø*/

/*logo ºÍ µ¼º½¿ªÊ¼*/
.logo{ height:110px; background:url(../images/logo_bj.gif) repeat-x left top; border-bottom:4px solid #000}
.logo img{ vertical-align:middle; display:block; margin:0 auto; padding:19px 0}
.main_nav{ height:56px; border-bottom:1px solid #dcdcdc}
.main_nav .nav{ width:1200px; margin: 0 auto; position:relative}
.main_nav .index{ width:66px; height:56px; float:left; background:url(../images/ico.png) no-repeat 21px -150px; border-right:1px solid #dcdcdc}
.main_nav .index a{ display:block; width:66px; height:56px; text-indent:-9999px}
.main_nav .nav_search{position:absolute; left:1135px ;top:2px; width:250px}
.main_nav dl{ height:56px; border-right:1px solid #dcdcdc; float:left; font-family:"Î¢ÈíÑÅºÚ"; padding:0 12px}
.main_nav dl dt{ float:left; font-size:28px; padding:0 8px; line-height:56px}
.main_nav dl dd{ float:left; padding:0 8px; font-size:14px; line-height:66px}
.searchMeme-button-icon{background:url(../images/ico.png) no-repeat 4px -206px; top: 20%; left: 20%;position: relative;width: 30px;height: 30px;background-repeat: no-repeat; display:block}
.searchMeme-input-left input{width: 150px;background-color: #353535;border: none;color: #fff; z-index: 1;padding: 11px;font-size: 14px;-webkit-border-radius: 0px 6px 6px 0px;-moz-border-radius: 0px 6px 6px 0px;border-radius: 0px 6px 6px 0px;-webkit-box-shadow: inset 1px 1px 1px 0px #000;-moz-box-shadow: inset 1px 1px 1px 0px #000;box-shadow: inset 1px 1px 1px 0px #000;margin-top: 4px;font-family:"Î¢ÈíÑÅºÚ"}
.searchMeme-button-left{width: 56px; height: 56px;cursor: pointer;float: left;z-index: 100;}
/*logo ºÍ µ¼º½½áÊø*/

/*ÈÈµã½áÊø*/
.hot{ width:1200px; height:50px; line-height:50px; font-size:14px; color:#666; margin:0 auto; font-family:"Î¢ÈíÑÅºÚ"}
.hot dt,.hot dd{ white-space:nowrap; float:left}
.hot dd{ margin-right:40px}
.hot dd a{ color:#666}
.hot dd a:hover{ color:#c00}
/* ÈÈµã½áÊø*/

/*Ê×Ò³Í·²¿ÐÂÎÅ¿ªÊ¼*/
.news{ width:1200px; margin:0 auto; overflow:hidden}
.focus{ width:770px; height:483px; float:left;}
.focus .swiper-container {width: 770px;height: 483px;}
.focus .swiper-slide {position:relative}
.focus .pagination {position: absolute;width:100%;z-index: 20;text-align:center;bottom: 10px;}
.focus .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #fff;margin-right: 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.focus .swiper-active-switch {background: #c00;}
.focus .arrow{width: 57px;height: 73px;position: absolute;z-index: 1000;cursor: pointer;top: 50%;margin-top: -36px;}
.focus .arrow i{position: absolute;width: 57px;height: 73px;left: 0;top: 0;background-image: url(../images/ico.png);}
.focus .pre-arrow{left: 0;}
.focus .pre-arrow i{background-position:-243px 14px;}
.focus .next-arrow{right: 0;}
.focus .next-arrow i{background-position:-243px -59px;}
.focus .arrow-bg{height: 73px;background: url(../images/ico.png) no-repeat -172px -50px;filter:alpha(opacity=0);/* IE */-moz-opacity: 0;/* ÀÏ°æMozilla */-khtml-opacity: 0;/* ÀÏ°æSafari */opacity: 0;/* Ö§³ÖopacityµÄä¯ÀÀÆ÷*/transition: opacity 1s;-moz-transition: opacity 1s; /*Firefox 4 */-webkit-transition: opacity 1s; /* Safari ºÍ Chrome */-o-transition: opacity 1s; /* Opera */}
.focus .swiper-container:hover .arrow-bg{filter:alpha(opacity=100);/* IE */-moz-opacity: 1;/* ÀÏ°æMozilla */-khtml-opacity: 1;/* ÀÏ°æSafari */opacity: 1;/* Ö§³ÖopacityµÄä¯ÀÀÆ÷*/}
.focus .title-mask{width: 688px;height: 95px;background: url(../images/font-bg.png) no-repeat center top;position: absolute;bottom: 34px;text-align:center; left: 50%; margin-left:-344px; font-family:"Î¢ÈíÑÅºÚ"}
.focus .title-mask a{color: #fff;font-size: 30px;display: block;text-shadow: 1px 1px 3px #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 60px;}
.focus .title-mask a:hover{ text-decoration:none}
.focus .title-mask .des{color: #fff;font-size: 14px;width: 645px;overflow: hidden;margin: 0 auto;white-space: nowrap;text-overflow: ellipsis;}
.recommend{ width:408px; float:right}
.today{ height:45px; position:relative;width:100%;}
.today .line{ width:408px; height:22px; background:url(../images/jrtj_tbg.gif) repeat-x left top; position:absolute; top:13px}
.todaytitle{ width:408px; margin:0 auto;}
.todaytitle h2{ display:block; width:164px; height:45px; background:url(../images/title_index.jpg) no-repeat left -43px; margin:0 auto; position; top:0; position:relative; top:5px; text-indent:-9999px}
.recommend li{ line-height:59px; height:59px; font-family:"Î¢ÈíÑÅºÚ"; background:url(../images/ico.png) no-repeat -210px -262px; text-indent:35px; width:408px; overflow:hidden}
.recommend li a{ color:#939393}
.recommend li a:hover{ color:#c00}
.recommend .swiper-container {width: 408px;height: 438px; }
.recommend .swiper-slide {position:relative}
.recommend .tabspage {position: absolute;width:100%;z-index: 20;text-align:center;bottom: 10px;}
.recommend .swiper-pagination-switch {display: inline-block;width: 29px;height: 5px;background: #ccc;margin-right: 2px;cursor: pointer;}
.recommend .swiper-active-switch {background: #c00;}
/*Ê×Ò³Í·²¿ÐÂÎÅ½áÊø*/

/*Ê×Ò³Ã÷ÐÇ×ÊÑ¶¿ªÊ¼*/
.gossip{ margin-top:20px}
.gossip .modhd{ height:111px;}
.gossip .modhd .line{  border-bottom:5px solid #000;}
.gossip .modtitle a{ background-position:left -91px}
.column-links{ width:1200px; margin:-18px auto 0; text-align:center; line-height:32px}
.column-links a{ color:#999; margin: 0 20px}
.column-links a:hover{ color:#c00}
.gosbox{ width:1200px; margin:0 auto; overflow:hidden;}
.boxleft{ width:790px; float:left; margin-top:17px}
.boxright{ width:379px; float:right}
.classtitle{ height:49px; position:relative}
.classtitle .line{ border-bottom:1px solid #000; height:25px}
.classtitle h3{ width:158px; height:49px;line-height:49px; text-align:center; font-size:24px; font-family:"Î¢ÈíÑÅºÚ"; font-weight:normal; position:absolute; left:38px; top:0; color:#fff; background-color:#000}
.classtitle h3 a{ width:158px; height:49px; display:block; background-color:#000; color:#fff}
.classtitle h3 a:hover{ text-decoration:none}
.classtitle span{ width:65px; height:34px;line-height:34px; text-align:center; font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; font-weight:normal; position:absolute; right:31px; top:8px}
.classtitle span a{ width:65px; height:34px; display:block; background-color:#000; color:#fff}
.classtitle span a:hover{ text-decoration:none}
.imglist{ overflow:hidden}
.imglist li.bigimg{ width:380px; height:450px; position:relative; overflow:hidden; background-color:#eee}
.imglist li.bigimg .cover{ position:absolute; top:450px; background:url(../images/tmbg.png) repeat-x left top; height:90px; left:0}
.imglist li.bigimg strong{ font-size:18px; line-height:40px; padding:0 10px; display:block; width:360px; text-align:left}
.imglist li.bigimg strong a{ color:#fff}
.imglist li.bigimg p{ font-size:12px; color:#ccc; line-height:24px;padding:0 10px; text-align:left}
.imglist li{ float:left; height:219px; width:170px; float:left; margin-right:23px; margin-bottom:17px; line-height:24px; text-align:center; font-family:"Î¢ÈíÑÅºÚ"; line-height:35px}
.imglist li .boximg{ width:170px; height:182px}
.imglist li strong{ font-weight:normal; height:35px; width:170px; overflow:hidden; display:block}
.imglist li a{ color:#000}
.imglist li a:hover{ color:#c00}
.imglist li a:hover img{ opacity:0.8}
.imglist li.bigimg a:hover img{ opacity:1}
.newslist{ width:380px; float:left; margin-right:30px; height:290px; overflow:hidden}
.mr{ margin-right:0}
.title{ height:33px; line-height:33px; position:relative}
.title .line{ height:16px; border-bottom:1px solid #dadada}
.title h3{ width:101px; height:33px;line-height:33px; text-align:center; font-size:20px; font-family:"Î¢ÈíÑÅºÚ"; font-weight:normal; position:absolute; left:0; top:0}
.title h3 a{ width:101px; height:33px; display:block; background-color:#fff; color:#000}
.title h3 a:hover{ text-decoration:none}
.newslist li{ line-height:32px; height:32px; font-family:"Î¢ÈíÑÅºÚ"; background:url(../images/ico.png) no-repeat -286px -215px; text-indent:25px; width:380px; overflow:hidden; font-size:14px}
.newslist li a{ color:#000}
.newslist li a:hover{ color:#c00}
.hotnews{ background:url(../images/hua_bk.gif) no-repeat left top; margin-top:17px; padding-top:13px; /*height:549px*/}
.hotnews h3{ font-size:28px; font-family:"Î¢ÈíÑÅºÚ"; line-height:65px; font-weight:normal; padding-left:33px}
.hotnews h3 a{ color:#000}
.hotnews h3 a:hover{ color:#c00}
.hotnews ul{ padding:0 33px 20px}
.hotnews li.pic{ height:80px;text-indent:0; padding-bottom:25px; border-bottom:1px dotted #a3a3a3; margin-bottom:25px}
.hotnews li img{ float:left;}
.hotnews li .boximg{width:80px; height:80px; float:left; margin-right: 15px;}
.hotnews li strong{ font-size:16px; font-family:"Î¢ÈíÑÅºÚ"; font-weight:normal; line-height:20px; height:20px; width:210px; overflow:hidden; display:block}
.hotnews li strong a{ color:#000;}
.hotnews li strong a:hover{ color:#c00}
.hotnews p{ font-size:14px; color:#888;font-family:"Î¢ÈíÑÅºÚ"; line-height:21px; white-space:normal;}
.hotnews li{ line-height:32px; height:32px; font-family:"Î¢ÈíÑÅºÚ"; background:url(../images/ico.png) no-repeat -286px -215px; text-indent:25px; width:313px; overflow:hidden; font-size:14px ; overflow:hidden}
.hotnews li a{ color:#000}
.hotnews li a:hover{ color:#c00}
.ra-bom{ height:13px; background:url(../images/hua_bk.gif) left top}
.picads{ margin-top:15px; overflow:hidden; width:379px; height:195px; position:relative; font-family:"Î¢ÈíÑÅºÚ"}
.picads .boximg{ width:379px; height:195px; z-index:9999}
.picads .cover{ position:absolute; top:195px; background:url(../images/tmbg.png) repeat-x left top; z-index:9999;width:379px;}
.picads .cover strong{ font-size:18px; line-height:30px; padding:10px; display:block; width:359px; font-weight:normal; padding-bottom:0}
.picads a{ color:#fff}
.picads .cover p{ font-size:12px; color:#ccc; line-height:24px;padding:0 10px 10px; text-align:left; text-indent:2em}
/*Ê×Ò³Ã÷ÐÇ×ÊÑ¶½áÊø*/


/*Ê×Ò³ç³ÎÅ±¬ÁÏ¿ªÊ¼*/
.rumor{ width:1200px; margin:45px auto 0; overflow:hidden;}
.pictext{ overflow:hidden}
.pictext li{ width:197px; height:225px; float:left; font-family:"Î¢ÈíÑÅºÚ"; position:relative; overflow:hidden}
.pictext li .boximg{ width:197px; height:225px;}
.pictext li i{ width:197px; height:225px; display:block; font-style:normal}
.pictext li i strong{ color:#000}
.pictext li i p{ color:#999}
.pictext li div strong{ color:#fff}
.pictext strong{ font-size:14px; line-height:19px; padding:70px 29px 5px; display:block; }
.pictext p{ font-size:12px; color:#ccc; padding:0 29px}
.rumor .newslist{ margin-top:24px}
.da-thumbs li a div{position: absolute;width: 100%;height: 100%; background:url(../images/tmbg.png) repeat-x left top}
.da-thumbs li a div.da-animate {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.da-slideFromTop {left: 0px;top: -100%;}
.da-slideFromBottom {left: 0px;top: 100%;}
.da-slideFromLeft {top: 0px; left: -100%;}
.da-slideFromRight {top: 0px;left: 100%;}
.da-slideTop{top: 0px;}
.da-slideLeft{left: 0px;}
/*Ê×Ò³ç³ÎÅ±¬ÁÏ½áÊø*/


/*Ê×Ò³ÈÈÃÅÓéÆÀ¿ªÊ¼*/
.hotcomment{ width:1198px; height:112px; border:1px solid #d8d8d8; margin:45px auto 0}¡¢
.hotcomment dl{ overflow:hidden}
.hotcomment dt{ width:105px; height:60px; float:left; background:url(../images/title_index.jpg) no-repeat left -147px; text-indent:-9999px; margin:23px 26px 0 27px; padding-right:15px; border-right:1px solid #d8d8d8; display:inline}
.hotcomment dd{ width:325px; float:left; margin:9px 16px 0 0}
.hotcomment dd .boximg{ width:84px; height:84px;border-radius: 100%;border:4px solid #fff;max-width: 84px; float:left; margin-right:6px; box-shadow:0px 0px 1px #999;}
.hotcomment .comcont{ width:162px; height:87px; float:left; padding:0 30px; line-height:21px; color:#333; font-size:12px; font-family:"Î¢ÈíÑÅºÚ"; position:relative}
.hotcomment span{ display:block; width:21px; height:16px; background:url(../images/ico.png) no-repeat; position:absolute;}
.hotcomment p{ margin-top:12px}
.hotcomment span.quotes_l{ background-position:-38px top; left:0; top:0}
.hotcomment span.quotes_r{ background-position:-71px top; right:0; bottom:0}
/*Ê×Ò³ÈÈÃÅÓéÆÀ½áÊø*/


/*µçÓ°ÈÈÓ³¿ªÊ¼*/
.video{ margin-top:20px}
.video .modhd{ height:111px;}
.video .modhd .line{  border-bottom:5px solid #000;}
.video .modtitle a{ background-position:left -207px}
.film{ width:1200px; margin:0 auto; overflow:hidden;}
.filmlist{ margin-top:17px; overflow:hidden}
.filmlist li.bigimg{ width:380px; height:450px; margin:0}
.filmlist li{ float:left; width:170px; height:210px; margin-left:35px; margin-bottom:30px}
.newslist .imgtext{ height:143px; width:362px; padding:11px 9px; background:#eee; text-indent:0; margin-top:5px; margin-bottom:10px}
.newslist .imgtext strong{ display:block; width:225px; height:36px; line-height:36px; overflow:hidden; font-size:16px; font-weight:normal}
.newslist .imgtext p{ color:#999; font-size:12px; white-space:normal; line-height:19px}
.newslist .imgtext .boximg{ width:120px; height:140px;float:left; margin-right:13px;}
.film .newslist{ height:530px}
.hotnews .comhd{ height:40px; position:relative;width:100%; overflow:hidden}
.hotnews .comhd .line{ width:319px; height:20px; border-bottom:1px solid #999;}
.hotnews .comtitle{ width:319px; margin:0 auto}
.hotnews .comtitle a{ display:block; width:105px; height:25px; background:url(../images/title_index.jpg) no-repeat left -252px; margin:0 auto; position; top:0; position:relative; top:-14px; text-indent:-9999px}
.hotnews dl{ overflow:hidden; margin:0 30px 1px; height:502px}
.hotnews dd{ width:319px; float:left; border-bottom:1px dotted #c0c0c0; padding:5px 0px}
.hotnews dd .boximg{ width:59px; height:59px;border-radius: 100%;border:3px solid #fff;max-width: 59px; float:left; margin-right:8px;box-shadow:0px 0px 1px #999; margin-left:1px}
.hotnews .comcont{ width:165px; height:58px; float:left; padding:0 30px; line-height:21px; color:#333; font-size:12px; font-family:"Î¢ÈíÑÅºÚ"; position:relative}
.hotnews span{ display:block; width:21px; height:16px; background:url(../images/ico.png) no-repeat; position:absolute;}
.hotnews p{  font-size:12px; color:#999}
.hotnews span.quotes_l{ background-position:-38px top; left:0; top:0}
.hotnews span.quotes_r{ background-position:-71px top; right:0; bottom:0}
.hotnews .icor .boximg{ float:right}
.hotnews .icor p{ color:#000}
.film .hotnews{ height:517px}
/*µçÓ°ÈÈÓ³½áÊø*/

/*×ÛÒÕ´ó¿§¿ªÊ¼*/
.variety{ margin-top:20px}
/*.variety .modhd{ height:111px;}*/
.variety .modhd{ height:80px;}
.variety .modhd .line{  border-bottom:5px solid #000;}
.variety .modtitle a{ background-position:left -280px}
.varcontent{ width:1200px; overflow:hidden; margin:0 auto;overflow:hidden}
.boxleft .varleft{ width:509px; float:left;}
.boxleft .varright{ width:254px; float:right}

.varfocus{ width:509px; height:405px; position:relative}
.varfocus .swiper-container {width: 509px;height: 405px;position:relative}
.varfocus .gallery,.varfocus .gallerybt{ width:509px; height:289px}
.varfocus .imginfo{ position:absolute; left:0; bottom:0; width:509px; height:115px; z-index:999999; font-family:"Î¢ÈíÑÅºÚ"}
.varfocus .imginfo span{ display:none}
.varfocus .imginfo .active{ display:block}
.varfocus .imginfo strong{ line-height:40px; margin-top:10px; font-size:24px; font-weight:normal; text-indent:3px; display:block; width:509px; overflow:hidden; height:40px}
.varfocus .imginfo p{ font-size:12px; color:#999; line-height:22px; margin-top:3px}
.varfocus .thumbs{ position:absolute; left:0; top:227px; width:509px; height:63px; background:url(../images/tmbg.png) repeat-x left top}
.varfocus .thumbs .swiper-slide img{ cursor:pointer; border:1px solid #b3b3b3; margin:0 3px;}
.varfocus .thumbs .swiper-slide-active img{ border:1px solid #c00;}
.varfocus .thumbs .swiper-wrapper{ margin:8px auto 0;}
.varleft .adspic{ position:relative; width:509px; height:139px; overflow:hidden;margin-bottom:30px}
.varleft .adspic .boximg{ width:509px; height:139px}
.varleft .adspic .cover{ position:absolute; top:139px; background:url(../images/tmbg.png) repeat-x left top;width:509px; height:139px;font-family:"Î¢ÈíÑÅºÚ"}
.varleft .adspic strong{ font-size:18px; line-height:30px; padding:10px; display:block; width:489px; font-weight:normal; height:28px; overflow:hidden}
.varleft .adspic a{ color:#fff}
.varleft .adspic p{ font-size:12px; color:#ccc; line-height:24px;padding:0 10px; text-align:left; text-indent:2em}

.varfocus .imginfobt{ position:absolute; left:0; bottom:0; width:509px; height:115px; z-index:999999; font-family:"Î¢ÈíÑÅºÚ"}
.varfocus .imginfobt span{ display:none}
.varfocus .imginfobt .active{ display:block}
.varfocus .imginfobt strong{ line-height:40px; margin-top:19px; font-size:24px; font-weight:normal; text-indent:3px; display:block; height:40px; width:509px; overflow:hidden}
.varfocus .imginfobt p{ font-size:12px; color:#999; line-height:22px;margin-top:3px}
.varfocus .thumbsbt{ position:absolute; left:0; top:227px; width:509px; height:63px; background:url(../images/tmbg.png) repeat-x left top}
.varfocus .thumbsbt .swiper-slide img{ cursor:pointer; border:1px solid #b3b3b3; margin:0 3px;}
.varfocus .thumbsbt .swiper-slide-active img{ border:1px solid #c00;}
.varfocus .thumbsbt .swiper-wrapper{ margin:8px auto 0;}

.varright li{ width:254px; height:304px; overflow:hidden; position:relative; margin-bottom:34px}
.varright li.last{ margin:0}
.varright .cover{ position:absolute; left:0; top:270px; height:115px; background:url(../images/tmbg.png) repeat-x left top; width:234px; padding:4px 10px; font-family:"Î¢ÈíÑÅºÚ";}
.varright strong{ line-height:27px; display:block; overflow:hidden;font-size:16px; font-weight:normal}
.varright strong a{ color:#fff}
.varright p{font-size:12px; color:#ccc; line-height:20px; text-indent:2em}

.varcontent .hotnews{ height:751px; overflow:hidden}
.varcontent .hotnews ul{ height:653px; overflow:hidden}
.varcontent .hotnews li{ border:none; height:132px; margin:0; padding:0 ; background:none}
.varcontent .hotnews li .boximg{ width:95px; height:95px;float:right; margin:0 0 0 13px}
.varcontent .hotnews li .conpic{ border-bottom:1px solid #bfbfbf; overflow:hidden}
.varcontent .hotnews li strong{ height:40px; line-height:40px; font-size:18px}
.varcontent .hotnews li p{ font-size:14px; line-height:22px; padding:7px 0 28px 0}
.varcontent .taste{ margin-top:21px; width:379px; height:195px; overflow:hidden; position:relative;}
.varcontent .taste .boximg{width:379px; height:195px; }
.varcontent .taste .cover{ position:absolute; top:195px; background:url(../images/tmbg.png) repeat-x left top;width:379px; height:195px ;font-family:"Î¢ÈíÑÅºÚ"}
.varcontent .taste strong{ font-size:18px; line-height:30px; padding:10px; display:block; width:359px; font-weight:normal; }
.varcontent .taste a{ color:#fff}
.varcontent .taste p{ font-size:12px; color:#ccc; line-height:24px;padding:0 10px; text-align:left; text-indent:2em}
/*×ÛÒÕ´ó¿§½áÊø*/

/*×ÛÒÕ¿â¿ªÊ¼*/
.people{ width:1200px; margin:0 auto; margin-top:50px}
.people .classtitle .line{ height:0}
.people .classtitle span{ top:0}
.people .classtitle ul{ overflow:hidden; position:absolute; left:196px}
.people .classtitle li{ float:left; white-space:nowrap; margin:0 20px; line-height:49px}
.people .classtitle li a{ color:#999}
.people .classtitle li a:hover{ color:#c00}
.library ul{ overflow:hidden; margin-top:25px}
.library li{ width:170px; height:210px; float:left; margin:0 36px 30px 0}
.library li.last{ margin-right:0}
/*×ÛÒÕ¿â½áÊø*/

/*½ÖÅÄÐ´Õæ¿ªÊ¼*/
.streetbeat{ width:100%; height:713px; background-color:#000; margin-top:10px}
.modhd{ height:99px; position:relative;width:100%; overflow:hidden}
.modhd .line{ width:1200px; height:47px; border-bottom:5px solid #fff; margin:0 auto;}
.modtitle{ width:1200px; margin:0 auto}
.modtitle a{ display:block; width:212px; height:43px; background:url(../images/title_index.jpg) no-repeat left top; margin:0 auto; position; top:0; position:relative; top:-24px; text-indent:-9999px}
.strfocus{ width:100%; overflow:hidden}
.strfocus .swiper-container {width: 1200px;height: 560px;overflow:visible}
.strfocus .swiper-slide {opacity: 0.4;-webkit-transition: 300ms;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms; position:relative}
.strfocus .swiper-slide strong{ height:52px; line-height:52px; position:absolute; left:0; bottom:0; font-family:"Î¢ÈíÑÅºÚ"; color:#fff; font-size:24px; text-align:center; width:100%; background:url(../images/tmbg.png) repeat-x left top; overflow:hidden; font-weight:normal}
.strfocus .swiper-slide-visible{opacity: 1;-webkit-transition: 300ms;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.strfocus .swiper-slide img{ margin:0 6px;}
.strfocus .arrow{width: 57px;height: 73px;position: absolute;z-index: 1000;cursor: pointer;top: 50%;margin-top: -36px;}
.strfocus .arrow i{position: absolute;width: 57px;height: 73px;left: 0;top: 0;background-image: url(../images/ico.png);}
.strfocus .strpre-arrow{left: -70px;}
.strfocus .strpre-arrow i{background-position:-243px 14px;}
.strfocus .strnext-arrow{right: -80px;}
.strfocus .strnext-arrow i{background-position:-243px -59px;}
.strfocus .arrow-bg{height: 73px;background: url(../images/ico.png) -172px -50px;filter:alpha(opacity=0);/* IE */-moz-opacity: 0;/* ÀÏ°æMozilla */-khtml-opacity: 0;/* ÀÏ°æSafari */opacity: 0;/* Ö§³ÖopacityµÄä¯ÀÀÆ÷*/transition: opacity 1s;-moz-transition: opacity 1s; /*Firefox 4 */-webkit-transition: opacity 1s; /* Safari ºÍ Chrome */-o-transition: opacity 1s; /* Opera */}
.strfocus .swiper-container:hover .arrow-bg{filter:alpha(opacity=100);/* IE */-moz-opacity: 1;/* ÀÏ°æMozilla */-khtml-opacity: 1;/* ÀÏ°æSafari */opacity: 1;/* Ö§³ÖopacityµÄä¯ÀÀÆ÷*/}
/*½ÖÅÄÐ´Õæ½áÊø*/

/*Ã÷ÐÇÍ¼¿â¿ªÊ¼*/
.picture{ margin-top:12px}
.picture .modtitle a{ background-position:left -322px}
.picture .modhd .line{border-bottom:5px solid #000}
.piclist{ width:1200px; overflow:hidden; margin:0 auto}
.piclist .picleft{ width:696px; float:left; overflow:hidden}
.piclist .picright{ width:489px; float:right; overflow:hidden}
.piclist li{ float:left; margin-left:16px; display:inline; position:relative; overflow:hidden}
.piclist .start{ margin:0}
.piclist .last{ margin-top:17px}
.piclist li .g1{ width:321px; height:413px}
.piclist li .g2{ width:171px; height:198px}
.piclist li .g3{ width:359px; height:198px}
.piclist li .g4{ width:222px; height:413px}
.piclist li .g5{ width:251px; height:198px}
.piclist li .conpic{ height:34px; line-height:34px; position:absolute; left:0; bottom:0; font-family:"Î¢ÈíÑÅºÚ"; font-size:16px; width:100%; background:url(../images/tmbg.png) repeat-x left top; overflow:hidden; font-weight:normal}
.piclist li strong{ font-weight:normal}
.piclist li strong a{ color:#fff}
.piclist .start .conpic{ height:133px; top:347px}
.piclist .erpic .conpic{ height:198px; top:164px}
.piclist .erpic strong{ font-size:16px; height:auto; line-height:24px; color:#fff}
.piclist .erpic p{ font-size:12px; }
.piclist strong{ font-size:24px; display:block; line-height:37px; margin-top:5px; padding:0 10px; height:34px; overflow:hidden}
.piclist p{ font-size:14px; line-height:24px; color:#ccc; padding:0 10px; text-align:left}
/*Ã÷ÐÇÍ¼¿â½áÊø*/


/*ÈÈÃÅÃ÷ÐÇÅÅÐÐ°ñ¿ªÊ¼*/
.superstar{ border:1px solid #000; width:1200px; margin:0 auto; margin-top:44px}
.superstar .classtitle{ height:23px}
.superstar h3{ width:192px; top:-27px}
.superstar h3 a{ width:192px}
.superstar .search{ position:absolute; top:-20px; right:32px}
.superstar .search .sinput{ height:28px; line-height:28px; background-color:#000}
.superstar .search .sbtn{ width:34px; height:34px; background-position:-150px top}
.ranking{ overflow:hidden}
.ranking .rankbox{ float:left;}
.ranking .last{ border:none}
.rankbox h4{ font-size:20px; font-family:"Î¢ÈíÑÅºÚ"; font-weight:normal; line-height:57px; color:#000; text-indent:20px}
.rankbox ul{ background:url(../images/num.png) no-repeat 35px 45px; font-family:"Î¢ÈíÑÅºÚ"; margin-bottom:24px; width:271px; float:left; padding:0 14px; border-right:1px dotted #cbcbcb}
.rankbox li img{ float:left; margin-right:14px}
.rankbox li strong{ font-size:14px; color:#000; line-height:30px; margin-top:5px; display:block; overflow:hidden}
.rankbox li p{ color:#666; font-size:12px; line-height:17px}
.rankbox li a{ padding:3px 3px 2px 54px; width:214px; height:56px; overflow:hidden; margin-top:1px; display:block}
.rankbox a:hover{ background:#eee url(../images/num.png) no-repeat 22px 45px}
.rankbox .num2 a:hover{ background-position:22px -17px}
.rankbox .num3 a:hover{ background-position:22px -79px}
.rankbox .num4 a:hover{ background-position:22px -141px}
.rankbox .num5 a:hover{ background-position:22px -203px}
.rankbox .num6 a:hover{ background-position:22px -265px}
.rankbox .num7 a:hover{ background-position:22px -327px}
.rankbox .num8 a:hover{ background-position:22px -389px}
.rankbox .num9 a:hover{ background-position:22px -451px}
.rankbox .num10 a:hover{ background-position:22px -513px}
/*ÈÈÃÅÃ÷ÐÇÅÅÐÐ°ñ½áÊø*/

/*µ×²¿¿ªÊ¼*/
#footer{ margin-top:21px; background-color:#101011; height:196px}
.footer{ width:1200px; margin:0 auto; padding-top:37px; font-family:"Î¢ÈíÑÅºÚ"; position:relative}
.footer .footer_logo{ width:180px; height:79px; float:left; padding:17px 10px 0}
.footer .footer_nav{ width:734px; float:left}
.footer .footer_weixin{ width:266px; float:left}
.footer_nav{ margin-top:35px}
.footer_nav li{ float:left; white-space:nowrap; padding:0 10px; background:url(../images/ico.png) no-repeat -55px -26px; line-height:24px; font-size:12px}
.footer_nav li.last{ background:none}
.footer_nav li a{ color:#babab8}
.footer_nav li a:hover{ color:#c00}
.footer_weixin li{ width:112px; float:left; margin-left:21px; float:left}
.footer_weixin li p{ line-height:35px; font-size:14px; color:#fff; text-indent:40px}
.footer_weixin li.fweibo p{ background:url(../images/ico.png) no-repeat -35px -51px}
.footer_weixin li.fweixin p{ background:url(../images/ico.png) no-repeat -35px -80px}
.copy{ clear:both; font-size:12px; color:#babab8; position:absolute;left:208px; top:100px; line-height:24px}
.copy a{color:#babab8}
/*µ×²¿½áÊø*/

/*ÎÄÕÂÒ³¿ªÊ¼*/
.position{ height:48px; line-height:48px; font-size:14px; border-bottom:1px solid #dcdcdc; font-family:"Î¢ÈíÑÅºÚ"}
.position p{ width:1200px; margin:0 auto}
.position p a{ color:#666}
.position p a:hover{ color:#c00}
.content{ width:1200px; margin:43px auto 40px; overflow:hidden; font-family:"Î¢ÈíÑÅºÚ";}
.content .left{ width:820px; float:left}
.content .right{ width:336px; float:right}
.article h1{ font-size:32px; line-height:45px; text-align:center; font-weight:normal; color:#000}
.article .info{ text-align:center; height:80px; line-height:80px; font-size:14px; color:#999; width:480px; margin:0 auto; overflow:hidden; padding:0 170px; border-bottom:1px solid #eee}
#main .info span{ width:340px; float:left; display:block}
#main .bdsharebuttonbox{ float:left; margin-top:18px; width:120px; margin-left:5px}
#main .bdsharebuttonbox a{ width:32px; height:32px; padding:0; background:url(../images/ico.png) no-repeat; margin-top:5px}
#main .bdsharebuttonbox .bds_tsina{ background-position:-86px -128px}
#main .bdsharebuttonbox .bds_qzone{ background-position:-124px -128px}
#main .bdsharebuttonbox .bds_weixin{ background-position:-162px -128px}
#main .bdsharebuttonbox .bds_tsina:hover{ background-position:-86px -160px; opacity: 1;}
#main .bdsharebuttonbox .bds_qzone:hover{ background-position:-124px -160px; opacity: 1;}
#main .bdsharebuttonbox .bds_weixin:hover{ background-position:-162px -160px; opacity: 1;}
.body{ padding:0 20px; overflow:hidden}
.body p{ text-indent:2em; line-height:30px; margin-top:20px; font-size:18px}
.body p img{display:block; margin:0 auto; text-align:center}
.article #turnpage{ margin-top:40px}
#turnpage{position:relative; width:100%; text-align:center; overflow:hidden}
#turnpage ul{float:left; position:relative; left:50%}
#turnpage li{position:relative; right:50%; float:left; margin:0 3px; padding:0 10px; border:solid 1px #d8d8d8; line-height:25px; color:#333}
#turnpage .thisclass{border:1px solid #900; background:#C00;color:#FFF}
#turnpage .thisclass a{color:#FFF}
.btinfo{ margin-top:32px; overflow:hidden; border-bottom:1px solid #eee; padding-bottom:40px}
.btinfo .label{ width:600px; font-size:14px; color:#333; line-height:40px;position:relative; padding-left:45px; float:left}
.btinfo .share{ width:120px; float:right}
.label dt{ position:absolute; left:0; top:0; width:45px}
.label dd{ float:left; margin-right:10px;}
.label a{ padding:3px 20px; border:1px solid #d2d2d2;border-radius:20px; background-color:#eee; color:#999; white-space:nowrap}
.label a:hover{ background-color:#c00; border:1px solid #c00; color:#fff}
.content .btinfo .bdsharebuttonbox{ margin:0px}

.popular{ margin-top:34px}
.popular ul{ overflow:hidden; margin-top:28px; padding:0 5px}
.popular li{ height:87px; width:810px; overflow:hidden; margin-bottom:28px; overflow:hidden}
.popular .boximg{ width:120px; height:87px; float:left; margin-right:20px}
.popular a:hover img{opacity:0.8}
.popular strong{ line-height:34px; font-weight:normal; margin-top:5px; font-size:20px}
.popular p{ font-size:12px; color:#999; line-height:21px; overflow:hidden}
.best{ margin-top:5px}
.best ul{ overflow:hidden; margin-top:28px; padding:0 6px}
.best li{ width:187px; height:248px; float:left; margin-right:20px; overflow:hidden}
.best .mr{ margin:0}
.best .boximg{ width:187px; height:189px;}
.best a:hover img{opacity:0.8}
.best strong{ line-height:45px; text-align:center; display:block; font-weight:normal}
.hotop{ width:336px; height:249px; overflow:hidden; position:relative}
.hotop .boximg{width:336px; height:249px;}
.hotop .cover{ position:absolute; top:210px; background:url(../images/tmbg.png) repeat-x left top;width:316px; padding:5px 10px}
.hotop strong{ color:#fff; font-size:18px; font-weight:normal; line-height:30px}
.hotop p{ color:#ccc; font-size:12px; font-weight:normal; line-height:22px; text-indent:2em}
.starrel{ background:url(../images/hua_bk2.gif) no-repeat left top; margin-top:10px; padding-top:22px}
.starrel img{border-radius: 100%;border:1px solid #d9d9d9;max-width: 129px; padding:5px; margin-right:6px; margin:0 auto; display:block;}
.starrel h3{ font-size:26px; font-weight:normal; text-align:center; line-height:55px; display:block; border-bottom:1px solid #eee; margin:0 25px}
.starrel dl{ padding:0 4px 10px; border-bottom:1px solid #eee; margin:10px 25px 0}
.starrel dt{ font-size:16px; line-height:32px}
.starrel dd{ color:#999; font-size:14px; line-height:23px}
.starrel dd a{ color:#c00}
.starlist{padding:0 4px; margin:10px 25px 15px}
.starlist strong{ display:block; line-height:32px; font-size:16px; font-weight:normal}
.starlist li{ line-height:35px; height:35px; width:278px; overflow:hidden; font-size:14px; text-indent:20px; background:url(../images/ico.png) no-repeat -292px -129px}
.starrel .ra-bom{ height:9px; background:url(../images/hua_bk2.gif) no-repeat left top}
.hotspot,.plan,.fancy{ margin-top:10px}
.hotspot h3,.plan h3,.fancy h3{ line-height:60px; font-size:26px; font-weight:normal}
.hotspot .spotpic{ width:154px; float:left; height:150px; margin-right:28px; text-align:center; overflow:hidden}
.hotspot .boximg{width:154px; height:111px;}
.spotpic a:hover img{opacity:0.8}
.hotspot .spotpic strong{font-weight:normal; line-height:35px}
.hotspot .mr{ margin:0}
.hotspot ul{ background:url(../images/num2.png) no-repeat 2px 10px; clear:both}
.hotspot li{line-height:34px; text-indent:33px; width:330px; overflow:hidden; height:34px}
.plan .boximg{ width:336px; height:155px;}
.plan strong{ line-height:45px; font-weight:normal; display:block; text-align:center; height:45px; overflow:hidden}
.plan a:hover img{opacity:0.8}
.fancy li{ width:154px; float:left; height:150px; margin-right:28px; text-align:center; overflow:hidden}
.fancy .boximg{width:154px;  height:111px;}
.fancy a:hover img{opacity:0.8}
.fancy li strong{font-weight:normal; line-height:35px}
.fancy .mr{ margin:0}
/*ÎÄÕÂÒ³½áÊø*/

/*Í¼¼¯ÎÄÕÂÒ³¿ªÊ¼*/
#info{ border:0}
.atlas{ position:relative}
.atlas #bigimg{ margin:0 auto; cursor:pointer}
.atlas .cl{ width:74px; height:75px; background:url(../images/ico.png) no-repeat;display:block; text-indent:-9999px; position:absolute; top:50%; margin-top:-37px; opacity:0.7}
.atlas .cl:hover{opacity:1}
.atlas .cpre{background-position:-48px -225px; left:0;}
.atlas .cnext{background-position: -122px -225px; right:0}
.body .imgname{ font-size:20px; font-weight:normal; text-align:center; display:block; line-height:40px}
.body .imgbody{ font-size:14px; width:760px; margin:0 auto}
.body .imgbody p{ margin-top:0}
.pageimg{ overflow:hidden; height:140px; width:100%; margin-top:20px}
.pageimg .preimg{ width:120px; float:left; text-align:center; position:relative; height:140px}
.pageimg .nextimg{ width:120px; float:left; text-align:center;position:relative;height:140px}
.bg {border: 1px solid #DEDFE3;display: block;width: 110px;height: 110px;position: absolute;left: 0;top: 0;background: #fff;z-index: 3;}
.bg-inner {vertical-align: middle;width:110px;height:110px;display:block;position: relative; overflow: hidden;}
.bg-b {left: 2px;top: 2px;z-index: 2;}
.bg-c {left: 4px;top: 4px;z-index: 1;}
.preimg em,.nextimg em {line-height: 18px;height: 18px;display: block;font-style: normal;position: absolute;bottom: 3px;left: 0;width: 110px;text-align: center;}
.preimg img,.nextimg img{ position: absolute;left: 0;top: 0;margin: 0;display: block;width: auto; height: auto;min-width: 100%; min-height: 100%;max-height: none; max-width: none;}
.productimagelist{ width:960px; float:left; position:relative; }
.productimagelist .swiper-container {width: 780px;height: 115px;}
.productimagelist .swiper-slide{ width:110px;height:110px;display:block;position: relative; overflow: hidden; border:2px solid #dedfe3; margin:0 8px}
.productimagelist .swiper-slide img{ position: absolute;left: 0;top: 0;margin: 0;display: block;width: auto; height: auto;min-width: 100%; min-height: 100%;max-height: none; max-width: none;}
.productimagelist .swiper-slide-active{ border:2px solid #c00;}
.productimagelist .swiper-slide span{ display:block; width:30px; height:20px; background-color:#000; font-size:12px; line-height:20px; text-align:center; color:#fff;font-family:"Î¢ÈíÑÅºÚ"; position:absolute; left:80px; bottom:0px; z-index:9999;opacity:0.5}
.productimagelist .swiper-slide-active span{ opacity:1}
.productimagelist .arrow-img{ width:32px; height:32px; background:url(../images/ico.png) no-repeat; position:absolute; top:50%; margin-top:-16px; text-indent:-9999px; cursor:pointer}
.productimagelist .pre-img{ background-position:-47px -125px; left:50px}
.productimagelist .next-img{ background-position:-47px -157px; right:52px}

.photos{ border-top:1px solid #000}
.photos .classtitle{ width:1200px; margin:0 auto}
.photos .classtitle span{ top:0}
.photolist{ width:1200px; margin:20px auto 0; height:310px; overflow:hidden}
.photolist .swiper-slide{width:240px; height:259px; position:relative; overflow:hidden}
.photolist .boximg{ margin:0 5px; width:230px; height:259px;}
.photolist .swiper-slide img{position: absolute;left: 0;top: 0;margin: 0;display: block;width: auto; height: auto;min-width: 100%; min-height: 100%;max-height: none; max-width: none;}
.photolist .swiper-slide .cover{ position:absolute; top:226px; background:url(../images/tmbg.png) repeat-x left top;margin:0 5px;font-family:"Î¢ÈíÑÅºÚ"}
.photolist .swiper-slide strong{ display:block; width:210px; font-weight:normal;line-height:24px; color:#fff; padding:7px 10px 0;}
.photolist .swiper-slide p{ font-size:12px; color:#ccc; padding:0px 10px 7px; line-height:20px}
.photolist .photopage {position: absolute;width:100%;z-index: 20;text-align:center;top: 285px;}
.photolist .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #bebebe;margin-right: 10px;opacity: 0.8;cursor: pointer;}
.photolist .swiper-active-switch {background: #c00;}
/*Í¼¼¯ÎÄÕÂÒ³½áÊø*/

/*µçÊÓ¾çÒ³¿ªÊ¼*/
.min_nav{ width:1200px; height:50px; line-height:50px; font-size:18px; color:#666; margin:0 auto; font-family:"Î¢ÈíÑÅºÚ"}
.min_nav dt{ color:#c00; font-size:24px; margin:0 34px 0 10px}
.min_nav dt,.min_nav dd{ white-space:nowrap; float:left}
.min_nav dd{ margin-right:40px}
.min_nav dd a{ color:#666}
.min_nav dd a:hover{ color:#c00}
.tv_banner{ width:1200px; margin:0 auto; height:440px}
.main_tv{ width:1200px; margin:28px auto;}
.tvinfo{ overflow:hidden}
.introd{ width:860px; float:left}
.introd .cover{ width:324px; height:458px; float:left;}
.introd .baseinfo{ width:500px; float:right; font-family:"Î¢ÈíÑÅºÚ"; position:relative}
.baseinfo h1{ font-size:26px; line-height:59px; font-weight:normal}
.baseinfo .updateinfo{ line-height:28px; background-color:#000;}
.baseinfo .updateinfo p{ color:#fff; font-size:16p; padding:0 8px}
.baseinfo .score_pl{ margin-top:17px; height:194px; background-color:#eee;box-shadow:inset 0 2px 3px rgba(235,142,136,.03); padding:10px;border-radius: 5px;line-height:24px; overflow:hidden}
.baseinfo .score_pl dd{ font-size:14px; color:#666; text-indent:2em}
.baseinfo .score{ width:100%; overflow:hidden}
.baseinfo .inputcomment{ margin-top:10px;font-family:"Î¢ÈíÑÅºÚ"}
.baseinfo .textarea-pl{ border:1px solid #ccd4d9; border-radius:3px; height:65px; width:300px; display:block}
.baseinfo .sub-pl{height:25px; width:50px; clear:both; margin-top:5px;border:1px solid #669933;border-radius:2px; background-color:#669933; color:#fff}
.actor{ padding:17px 0 5px; height:100px; margin-top:17px;border-top:1px dotted #c0c0c0;}
.actor dl{ line-height:35px; font-size:14px; width:500px; overflow:hidden}
.actor dt{ color:#000; width:75px; float:left; font-weight:600}
.actor dd{ float:left; width:425px; float:left; color:#666}
.baseinfo .share{ width:120px; float:right; position:absolute; right:0; bottom:10px}
#main .baseinfo .bdsharebuttonbox{ margin:0}
#main .baseinfo .bdsharebuttonbox a{ margin-bottom:0; margin-top:0}
.related{ width:276px; height:445px; float:left; border:6px solid #eee; padding:0 11px; float:right;font-family:"Î¢ÈíÑÅºÚ";}
.related .comhd{ height:49px; position:relative;width:100%; overflow:hidden; line-height:49px}
.related .comhd .line{ width:276px; height:26px; border-bottom:1px solid #000;}
.related h3{ width:132px; position:absolute; left:50%; top:0; font-size:24px; font-weight:normal; margin-left:-76px; text-align:center; background-color:#fff}
.related .tabs{ height:28px; overflow:hidden; border-bottom:1px solid #e5e5e5}
.related .tabs a{ display:block; width:92px; float:left; line-height:28px; text-align:center; font-size:16px; color:#666}
.related .tabs .active{ background-color:#e5e5e5}
.related .swiper-slide ul{ overflow:hidden; margin-top:8px}
.related .swiper-slide li{ width:85px; height:110px; float:left; margin:0 10px 10px 0; display:inline; overflow:hidden; position:relative}
.related .swiper-slide .boximg{width:85px; height:110px;}
.related .swiper-slide li.mr{ margin-right:0}
.related .swiper-slide li strong{ display:block; font-size:12px; line-height:20px; padding:5px; font-weight:normal; position:absolute; top:82px; width:75px; background:url(../images/tmbg.png) repeat-x left top; color:#fff}
.overview{ overflow:hidden; margin-top:28px;font-family:"Î¢ÈíÑÅºÚ";}
.overview .classtitle .line{ height:0}
.overview .classtitle span{ top:0}
.overview .overleft{ width:860px; float:left}
.overview .overright{ width:310px; float:right}
.con{ padding:19px 5px; border-bottom:1px solid #e5e5e5}
.con p{ line-height:30px; text-indent:2em; font-size:16px; color:#333}
.role .sontitle{ height:40px; line-height:40px; margin-top:10px; margin-bottom:4px; position:relative}
.role .sontitle h4{ font-size:20px; color:#000; font-weight:normal; text-indent:5px}
.role .pagerole {position: absolute;z-index: 20;text-align:center;top: 15px; right:5px}
.role .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #e5e5e5;margin-right: 5px;opacity: 0.8;cursor: pointer;}
.role .swiper-active-switch {background: #c00;}
.role .swiper-container{ height:285px}
.role ul{ overflow:hidden}
.role li{ width:415px; height:132px; float:left; margin-right:25px; margin-bottom:20px} 
.role li .boximg{ width:112px; height:132px;float:left; margin-right:14px}
.role li.mr{ margin-right:0}
.role li strong{ display:block; overflow:hidden; line-height:24px; font-weight:normal; color:#333; font-size:16px}
.role li:hover img{ opacity:0.8}
.role li span{ font-size:12px; color:#999; line-height:24px}
.role li i{ font-style:normal; color:#333}
.role li p{ line-height:21px; color:#333; font-size:12px; margin-top:3px}
.play{ width:276px; height:138px; background:url(../images/hua_bk3.gif) no-repeat left top; padding:10px 17px}
.play .comhd{ height:49px; position:relative;width:100%; overflow:hidden; line-height:49px}
.play .comhd .line{ width:276px; height:26px; border-bottom:1px solid #000;}
.play h4{ width:94px; position:absolute; left:50%; top:0; font-size:20px; font-weight:normal; margin-left:-47px; text-align:center; background-color:#fff}
.play .playcon{ margin-top:5px}
.play .playcon p{ font-size:16px; color:#666; width:200px; text-align:center; line-height:30px; margin:0 auto}
.artist{ margin-top:10px}
.artist h4{ font-size:20px; line-height:36px; font-weight:normal}
.artimg{ margin-top:5px}
.artimg ul{ overflow:hidden}
.artimg li{ width:96px; height:135px; float:left; margin-right:11px; text-align:center; overflow:hidden}
.artimg li .boximg{ width:96px; height:96px}
.artimg li a:hover img{ opacity:0.8}
.artimg li.mr{ margin-right:0}
.artimg li strong{ font-weight:normal; font-size:14px; line-height:35px}
.arcfont table{ width:100%; color:#333}
.arcfont thead tr{ line-height:24px; background-color:#eee; font-size:14px; }
.arcfont thead th{text-align:left; text-indent:37px; font-weight:normal}
.arcfont tbody td{ line-height:24px; border-bottom:1px dotted #c0c0c0; font-size:12px;text-indent:37px}
.arcfont .juese{ width:110px}
.arcfont a{ color:#c00}
.plot{ margin-top:30px; font-family:"Î¢ÈíÑÅºÚ";overflow:hidden;}
.diversity{height:530px; overflow:hidden}
.webvideo{ width:310px; float:right}
.divertabs{ overflow:hidden; padding:14px 0 0}
.divertabs a{ display:block; width:76px; height:29px; line-height:29px; text-align:center; font-size:12px; color:#333; background-color:#e5e5e5; float:left; margin-right:10px; margin-bottom:10px}
.divertabs .active{ background-color:#c00; color:#fff}
.diversity li{ margin-bottom:10px; padding:0 5px}
.diversity strong{ font-size:14px; color:#333; line-height:30px; font-weight:normal}
.diversity p{ font-size:12px; text-indent:2em; line-height:21px; color:#999}
.webvideo .videotabs{ width:226px; position:absolute; left:50%; margin-left:-113px; top:0}
.webvideo .videotabs a{ line-height:49px; text-align:center; background-color:#eee; display:block; width:113px; height:49px; float:left; font-size:24px; color:#333}
.webvideo .videotabs .active{ color:#fff; background-color:#000}
.videotabs_son{ overflow:hidden; background:#fafafa url(../images/ico.png) no-repeat -43px -193px; margin-top:14px}
.videotabs_son a{ text-indent:29px; display:block; width:75px; height:26px; font-size:12px; float:left; border-bottom:1px solid #c00; border-top:2px solid #fafafa; line-height:26px; border-right:1px solid #fafafa; border-left:1px solid #fafafa}
.videotabs_son .active{ border-bottom:1px solid #fafafa; border-top:2px solid #c00;border-right:1px solid #c00 ; border-left:1px solid #c00}
.swiper-son{ height:427px}
.swiper-parent{ height:481px}
.swiper-son ul{ overflow:hidden; margin-top:17px}
.swiper-son li{ width:48px; height:19px; line-height:19px; text-align:center; border:1px solid #e5e5e5; font-size:12px; float:left; margin-right:15px; margin-bottom:11px}
.swiper-son li.mr{ margin-right:0}
.swiper-son li a{ color:#666}
.swiper-son li a:hover{ color:#c00}
.trailers{ overflow:hidden; margin-top:8px}
.trailers li{ width:96px; height:110px; float:left; margin:0 11px 10px 0; display:inline; overflow:hidden; position:relative}
.trailers .boximg{width:96px; height:110px;}
.trailers li.mr{ margin-right:0}
.trailers li strong{ display:block; font-size:12px; line-height:20px; padding:5px; font-weight:normal; position:absolute; top:82px; width:86px; background:url(../images/tmbg.png) repeat-x left top; color:#fff}
.stills{ overflow:hidden; margin-top:10px}
.stpic{ margin-top:27px;}
.stills ul{ overflow:hidden}
.stills li{ width:171px; height:253px; float:left; margin-right:34px; line-height:45px; font-family:"Î¢ÈíÑÅºÚ"; overflow:hidden}
.stills li .boximg{ width:171px; height:209px}
.stills li a:hover img{ opacity:0.8}
.stills .mr{ margin-right:0}
.stills li strong{ font-weight:normal}
.relinfo{ margin-top:30px;font-family:"Î¢ÈíÑÅºÚ"; overflow:hidden}
.relinfo .infobox{ width:580px; float:left}
.relinfo h4{ line-height:30px; font-size:20px;  margin-top:20px; color:#000}
.picbox{ overflow:hidden; padding:12px 0; border-bottom:1px dotted #c0c0c0}
.picbox .boximg{ width:130px; height:130px; float:left; margin-right:12px}
.picbox a:hover img{ opacity:0.8}
.picbox strong{ display:block; overflow:hidden; line-height:29px; height:29px; width:430px; font-weight:normal}
.picbox strong a{ color:#c00}
.picbox span{ display:block; overflow:hidden; font-size:12px; color:#333; line-height:20px}
.picbox i{ font-style:normal; color:#999; margin-left:10px}
.picbox p{ font-size:14px; color:#333; margin-top:10px; padding-right:5px}
.picbox p a{ color:#f60}
.picbox p a:hover{ color:#c00}
.picbox .imgright{ float:right; margin-left:12px; margin-right:0}
.infobox ul{ margin-top:15px}
.infobox li{ line-height:40px; text-indent:29px; width:580px; overflow:hidden; position:relative; height:40px; overflow:hidden}
.infobox li span{ display:block; width:7px; height:7px; background:url(../images/ico.png) no-repeat -48px -34px; position:absolute; left:7px ; top:17px}
.relinfo .mr{ float:right}
.infobox .title{ height:40px; line-height:40px}
.infobox .title h4{ font-size:20px; font-weight:normal; position:relative}
.infobox .title span a{ display:block; width:102px; height:26px; position:absolute; top:0; right:0; font-size:14px; background-color:#c00; line-height:26px; text-align:center; color:#fff}
/*µçÊÓ¾çÒ³½áÊø*/


/*µçÓ°Ò³¿ªÊ¼*/
.overview .movietabs{ width:400px; height:30px; line-height:30px; position:absolute; left:220px; top:10px}
.overview .movietabs a{ display:block; padding:0 25px; text-align:center; float:left}
.overview .movietabs .active{ background-color:#c00; color:#fff}
.movie{ height:280px}
.movie ul{ overflow:hidden; margin-top:27px;}
.movie li{ width:171px; height:253px; float:left; margin-right:34px; line-height:45px; font-family:"Î¢ÈíÑÅºÚ"; overflow:hidden}
.movie li .boximg{ width:171px; height:209px}
.movie li a:hover img{ opacity:0.8}
.movie .mr{ margin-right:0}
.movie li strong{ font-weight:normal}
.infobox .moviehx li{ text-indent:0; padding-left:60px; line-height:25px; margin-bottom:5px; font-size:14px; height:auto; width:auto}
.infobox .moviehx span{ width:34px; height:34px; line-height:34px; text-align:center; text-indent:0; background:#c00; border-radius: 100%;max-width: 34px; left:0; top:5px; color:#fff; font-size:16px}
/*µçÓ°Ò³½áÊø*/

/*×ÛÒÕÒ³¿ªÊ¼*/
.varinfo dl{ width:250px; float:left; overflow:hidden;}
.varinfo dd{ width:175px}
.varinfo .jianjie{ width:500px;line-height:20px; margin-top:7px}
.varinfo .jianjie dd{ width:425px; }
.related .rel_var ul{ overflow:hidden; margin-top:8px}
.related .rel_var li{ width:130px; height:110px; float:left; margin:0 16px 20px 0; display:inline; overflow:hidden; position:relative}
.related .rel_var .boximg{ width:130px; height:110px}
.related .rel_var li.mr{ margin-right:0}
.related .rel_var li strong{ display:block; font-size:12px; line-height:20px; padding:5px; font-weight:normal; position:absolute; top:82px; width:120px; background:url(../images/tmbg.png) repeat-x left top; color:#fff}
.varvideo{ margin-top:28px; font-family:"Î¢ÈíÑÅºÚ"}
.vartitle{ line-height:40px; margin:15px 0 10px 0; position:relative}
.vartitle h4{ width:80px; float:left; font-size:20px; font-weight:normal; text-indent:10px}
.vartitle .vartabs{ font-size:14px}
.vartitle .vartabs a{ padding:0 5px; color:#999}
.vartitle .vartabs .active{ color:#c00}
.prenext a{ width:26px; height:33px; background:url(../images/ico.png) no-repeat;display:block; text-indent:-9999px; position:absolute; opacity:0.7}
.prenext a:hover{opacity:1}
.prenext .arrow-left{background-position:-185px top; left:-50px; top:95px}
.prenext .arrow-right{background-position: -211px top; right:-50px;top:95px}
.varvideo .varimg{ width:225px; height:126px; position:relative; margin:0 9px;}
.varvideo .varimg .boximg{ width:225px; height:126px}
.varvideo .varbox{ height:130px; overflow:hidden}
.varvideo .varimg .fontbg{ height:40px; background:url(../images/dl_bg.png) repeat-x left top; position:absolute; left:0; bottom:0; width:215px; padding:0 5px}
.varvideo .varimg strong{ font-size:14px; font-weight:normal;color:#eee}
.varvideo .varimg p{ font-size:12px; color:#999}
.process{ margin-top:28px; font-family:"Î¢ÈíÑÅºÚ"}
.protabs{ height:40px; line-height:40px; padding:13px 0}
.protabs a{ font-size:16px; padding:0 20px}
.protabs .active{ color:#c00}
.process .swiper-container{ height:280px; overflow:hidden}
.process ul{ overflow:hidden;}
.process li{ float:left; width:225px; height:126px; position:relative; margin:0 18px 23px 0}
.process li .fontbg{ height:40px; background:url(../images/dl_bg.png) repeat-x left top; width:215px; padding:0 5px; position:absolute; bottom:0; left:0;}
.process li strong{ font-weight:normal; font-size:14px;color:#eee}
.process li p{ font-size:12px;color:#999}
.process li.lcbig{ width:470px; height:275px}
.process li .boximg{width:225px; height:126px}
.process li.lcbig .boximg{width:470px; height:275px}
.process li.lcbig strong{ font-size:18px}
.process li.lcbig .fontbg{height:45px; width:460px}
.process li.mr{ margin-right:0}
/*×ÛÒÕÒ³½áÊø*/


/*Ã÷ÐÇÒ³¿ªÊ¼*/
.banner{ background-color:#f8f8f8;font-family:"Î¢ÈíÑÅºÚ"; border-bottom:1px solid #dcdcdc;}
.banner img{ float:right; margin:0 64px 0 49px; padding:12px 12px 9px; background:url(../images/mingx_bg.gif) no-repeat left top}
.banner h1{ font-size:40px; font-weight:normal; line-height:55px; padding-top:35px;overflow:hidden}
.banner p{ font-size:14px; line-height:28px; text-indent:2em; color:#333; border-bottom:1px solid #666; padding-bottom:17px; overflow:hidden; margin-bottom:13px}
.banner dl{ overflow:hidden; height:28px; line-height:28px; font-size:14px;}
.banner dt{ width:75px; float:left; color:#999}
.banner dd{ width:500px; float:left}
.banner .tv_banner{ position:relative}
.banner .tv_banner .share{ position:absolute; right:0; bottom:20px}
.left .infobox ul{ overflow:hidden; margin:0}
.left .infobox li{ width:400px; margin-right:10px; float:left; height:35px; line-height:35px}
.left .infobox li span{ top:15px}
.starcom .comhd{ height:49px; position:relative;width:100%; overflow:hidden; line-height:49px}
.starcom .comhd .line{ width:300px; height:26px; border-bottom:1px solid #000; margin:0 auto}
.starcom h4{ width:110px; position:absolute; left:50%; top:0; font-size:24px; font-weight:normal; margin-left:-55px; text-align:center; background-color:#fff}
.starcom{ background:url(../images/hua_bk2.gif) no-repeat left top;  padding-top:10px}
.starcom .ra-bom{ height:9px; background:url(../images/hua_bk2.gif) no-repeat left top}
.starcom ul{padding:0 18px}
.starcom li{ overflow:hidden; padding:15px 0; border-bottom:1px dotted #c0c0c0}
.starcom .boximg{ width:82px; height:82px; border-radius: 100%;border:3px solid #fff;max-width: 82px; margin-right:16px; display:block; float:left;box-shadow: 0px 0px 1px #999;}
.starcom strong{ font-weight:normal; overflow:hidden; display:block; height:21px; overflow:hidden}
.starcom strong span{ color:#c00; font-size:16px}
.starcom p{ font-size:12px; line-height:20px; color:#999; margin-top:3px; overflow:hidden}
.hdstills{ margin-top:25px}
.hdstills .piclist{ margin-top:15px;  margin-bottom:35px}
.hdstills .piclist .lasterpic{ margin-top: 17px;}
.hdstills .piclist .lasterpic strong{font-size: 16px;height: auto;line-height: 24px;color: #fff;}
.relvideo{ overflow:hidden;font-family:"Î¢ÈíÑÅºÚ"}
.relvideo ul{ overflow:hidden; margin-top:20px; height:470px}
.relvideo li{ width:291px; height:242px; float:left; margin-right:12px}
.relvideo li .boximg{ width:291px; height:189px}
.relvideo li a:hover img{opacity:0.8}
.relvideo li.mr{ margin:0}
.relvideo li strong{ display:block; font-weight:normal; text-align:center; line-height:40px; width:291px; height:40px; overflow:hidden}
/*Ã÷ÐÇÒ³½áÊø*/

/*ÁÐ±íÒ³¿ªÊ¼*/
.list .popular,.list ul{ margin-top:0; padding:0}
.list ul{ margin-bottom:30px}
.list .popular li{ padding:30px 5px; height:114px; border-bottom:1px solid #eee; margin:0;}
.list .popular li:hover{ background-color:#f6f6f6}
.list .popular li:hover img,.lcejx li:hover img{ opacity:0.8}
.list .popular .boximg{ width:160px; height:114px}
.list .popular p{ font-size:14px; text-indent:2em; line-height:24px}
.list .popular p a{ color:#f60}
.lplan,.lfancy{ margin-top:10px}
.lplan h3,.lfancy h3{ line-height:60px; font-size:26px; font-weight:normal}
.lcejx li{ position:relative; overflow:hidden; padding-bottom:20px; border-bottom:1px dotted #ccc; margin-bottom:20px}
.lcejx li.mr{ border:none; margin:0}
.lcejx .boximg{ width:95px; height:95px; float:right; margin-left:28px}
.lcejx strong{ display:block; height:43px; line-height:43px; font-size:18px; overflow:hidden; font-weight:normal}
.lcejx strong a{ color:#404041}
.lcejx strong a:hover{ color:#f00}
.lcejx p{ overflow:hidden; font-size:14px; color:#999}
.lfancy .lcejx .boximg{ float:left; margin-left:0; margin-right:28px}
/*ÁÐ±íÒ³½áÊø*/


/*²à±ßÀ¸*/
.side_bar{position: fixed;left: 50%;margin-left: 610px;bottom: 20px;width: 48px;z-index: 10000; font-size:12px; font-family:"Î¢ÈíÑÅºÚ"; display:none}
.side_bar li{margin: 3px 0;}
.side_bar a{display: inline-block;padding: 8px 10px;line-height: 14px;color: #fff; width:24px; height:28px; background-color:#000}
.side_bar li.to-top a{ background:url(../images/to_top.gif) no-repeat right top; text-indent:-9999px}
.side_bar a:hover { background-color:#c00; }
.side_bar li.to-top a:hover{ background-position: left top}