@charset "utf-8";
@import url(http://xtl.changyou.com/logo/xtl_logo.css);

body{ width: 100%; background-image:url(http://xtl.changyou.com/events/sociaty/images/bg.jpg); background-repeat: no-repeat; background-position:center 44px; font-size:12px; font-family: '宋体','微软雅黑'; line-height: 24px; color: #fff;}
.header{ width:836px; height:465px; padding:  262px 81px 0 83px; background:url(http://xtl.changyou.com/events/sociaty/images/header_bg.jpg) no-repeat; margin:0 auto; position:relative;}
.header p{ width: 800px; height: 66px; font: 14px "微软雅黑"; color: #633225; padding:0 36px 0 0px;}
.hideTxt {position: absolute;text-indent: -999px; display:none;}
.xtl_logo_bg, .xtl_logo_lk a { left: 0px; top: 5px;}

.links{ width:72px; height:16px; position:absolute; top:7px; right:168px;}
.links a{ display: block; float: left; width: 35px; height: 16px; background-color: #833b3b; color:#f5f3e0; margin-right: 1px; text-align: center; line-height: 16px;}
.links a:hover{color:#fece26;}
.share_tit{ width: 35px; height: 16px; background-color: #833b3b; color: #dea465; text-align: center; line-height: 16px; position: absolute; top: 7px; right:122px;}
#cyouShare{ width:120px; height:16px; position:absolute; top:7px; right:0px;}
/*video*/
.video_box{ width: 837px; height: 399px; background:url(../images/video_bg.jpg) no-repeat; position: relative; }
.video_placeholder{ width: 603px; height:335px; padding: 10px 5px; float: left;}
#video_placeholder { display: block; width: 603px; height:335px; line-height:335px; text-align:center; text-indent: -999em; color:#fee900; background:url(http://i0.cy.com/tl3/gh/20130906/dy1.jpg) no-repeat; cursor: pointer;}

.video_lists{ width:223px; height:399px; float: left;}
.video_imgs{ width: 150px; height: 272px !important;  overflow:hidden; margin: 51px 0 0 36px; position: relative;}
.video_imgs ul{}
.video_imgs li,.video_imgs li a,.video_imgs li a img { display: block; width:148px; height:82px; cursor:pointer; }
.video_imgs li{ border: 1px solid #bca193; margin-bottom: 10px;}
.video_imgs li.current{ border: 1px solid #9b2121;}
/*视频大于2个注销*/
.video_imgs .spe_img{ width: 148px; height: 82px; border: 1px solid #bca193; position: absolute; left: 0px; bottom: 0px;}

.video_arrow{ display:block; width:49px; height:49px; text-indent:-9999em; cursor:pointer; position:absolute; right: 88px; background-repeat:no-repeat; clear: both;}
.video_prev{ background-image:url(http://xtl.changyou.com/events/sociaty/images/prev.jpg); top:0px; display: none;}
.video_next{ background-image:url(http://xtl.changyou.com/events/sociaty/images/next.jpg); bottom:24px; _bottom:23px;}
.disabled { background-image:none; cursor:default; }

.content{width:1000px; height:628px; background:url(http://xtl.changyou.com/events/sociaty/images/content_bg.jpg) no-repeat; margin:0 auto; }
.timeline{ width: 954px; height: 173px; font-family: "微软雅黑"; margin-left: 46px; }
.timeline li{ width: 184px; height: 153px; float: left; padding-top: 20px;}
.timeline li p{ font-size: 16px; line-height: 22px; text-align: center;}
.timeline li p.date{ color: #ab3314;}
.timeline li p.tit{ color: #d68747;}
.timeline li p.text{ width: 140px; height: 66px; overflow: hidden; font-size: 14px; color: #b37a64; margin: 0 auto; text-align: left;}
.timeline li span{ display: block; width: 27px; height: 27px; margin: 3px auto; text-indent: -999em; background: url(http://xtl.changyou.com/events/sociaty/images/time.png) no-repeat; _background: 0;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://xtl.changyou.com/events/sociaty/images/time.png',sizingMethod='scale');}
.timeline li span.current{ background: url(http://xtl.changyou.com/events/sociaty/images/time_hover.png) no-repeat; _background: 0;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://xtl.changyou.com/events/sociaty/images/time_hover.png',sizingMethod='scale');}

.ghcont{ width: 902px; height: 409px; margin: 46px 46px 0 52px;}
.ghpic{ width: 512px; height: 409px; float: left; margin-right: 52px;}
.ghpic .ghpic_tit{ width: 512px; height: 44px; background:url(http://xtl.changyou.com/events/sociaty/images/gh_tit1.jpg) no-repeat; position: relative;}
.ghpic .ghpic_tit h4{ text-indent: -999em;}
.ghpic .ghpic_tit p.more{ position: absolute; top: 0; right: 0; height: 44px; line-height: 44px;}
.ghpic .ghpic_tit p.more span{ display: block; float: left; width: 12px; height: 12px; color: #e89879; text-align: center; line-height: 12px; margin: 16px 6px 0 0; background-color: #7b2d0a;}
.ghpic .ghpic_tit p.more a{ color: #947364;}
.ghpic .ghpic_tit p.more a:hover{ text-decoration: underline;}
.ghpic ul{ width: 512px; height: 270px; margin-top: 20px; overflow: hidden;}
.ghpic ul li{ width: 160px; height: 135px; float: left; margin: 0 16px 10px 0;}
.ghpic ul li a{ display: block; width: 160px; height: 95px;}
.ghpic ul li.no{margin-right: 0;}
.ghpic ul li img{ vertical-align: top; display: block;}
.ghpic ul li p{ width: 160px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; color: #947364;}

.ghnews{ width: 338px; height: 146px; float: left;}
.ghnews .ghnews_tit{ width: 338px; height: 44px; background:url(http://xtl.changyou.com/events/sociaty/images/gh_tit2.jpg) no-repeat; position: relative;}
.ghnews .ghnews_tit h4{ text-indent: -999em;}
.ghnews .ghnews_tit p.more{ position: absolute; top: 0; right: 0; height: 44px; line-height: 44px;}
.ghnews .ghnews_tit p.more span{ display: block; float: left; width: 12px; height: 12px; color: #e89879; text-align: center; line-height: 12px; margin: 16px 6px 0 0; background-color: #7b2d0a;}
.ghnews .ghnews_tit p.more a{ color: #947364;}
.ghnews .ghnews_tit p.more a:hover{ text-decoration: underline;}
.ghnews ul{ width: 338px; height: 81px; padding: 10px 0; border-bottom: 1px solid #4c2e26;}
.ghnews ul li{ width: 338px; height: 24px; position: relative;}
.ghnews ul li span.type{ color: #ae7e68;}
.ghnews ul li span.ntime{ color: #724f45; position: absolute; right: 0; top: 0;}
.ghnews ul li a{ color: #ae7e68;}
.ghnews ul li a:hover,.ghnews ul li a.impnews{ color: #b7633e;}

#ghyun{ width: 336px; height: 201px; border: 1px solid #4c2e26; float: left; position:relative;}
#ghyun a{position:absolute;top:0px;left:0px;color:#fff;font-weight:bold;padding:3px 6px;}
#ghyun a:hover{border:1px solid #eee;background:#000;border-radius:5px;}
#ghyun a.red{ color: #95322b;}
#ghyun a.orange{ color: #ad4d23;}
#ghyun a.pink{ color: #b17963;}

.pop{ width: 300px; height: auto; background-color: #fff; position: relative; padding: 10px 16px; color: #633225; display: none; border: 10px solid #8d3b21;}
.pop h4{ font-size: 18px; text-align: center; font-weight: bold;}
.pop span.close{ display: block; width: 38px; height: 38px; font: 22px "宋体"; line-height: 38px; text-align: center; color: #fff; background-color: #8d3b21; position: absolute; right: -10px; top: -10px; cursor: pointer;}
.pop p.center{ text-align: center;}
.pop p img{ margin: 8px 0; border: 1px solid #dbcaa2;}
.pop p span.strong{ font-weight: bold;}