﻿@charset "utf-8";

/*structs*/
.sub-l{width: 300px; float: left}
.main-r{ width: 895px; padding-bottom:35px; float: right; background-color: #fbf9f4; height:auto !important; height: 500px; min-height: 500px;margin-bottom: 25px}
.main-r_tit{background:url(/images/sub-r-tit.png); height: 60px; overflow: hidden; padding: 0 35px}
.main-r_tit h2{font:20px/58px "微软雅黑"; color: #fef1d8}
.main-r_tit h3{font:12px/58px "宋体";color: #fff}
.main-r_tit h3 a{color: #fff}
.main-r_tit h3 span{color: #ffd800}
.main-r_tit ul{font:20px/56px "微软雅黑"; padding:1px 0;}
.main-r_tit ul li{float: left}
.main-r_tit ul a{color: #fef1d8;padding:0 13px;margin-right: 15px}
.main-r_tit ul a.cur,.main-r_tit ul a:hover{background: #efa92e;border-top: 1px #ffe500 solid;display: block;}

/*sub-left*/
.sub-btn{display:block; height: 60px; background-color: #daa64a; font: 18px/60px "微软雅黑"; color: #7a4e00; text-align: center;}
.sub-btn:hover{background-color: #efca8a}
.active .sub-btn{background-color: #95372e; color: #efe3b7}
.active .sub-btn:hover{color:#fef1d8}

/**传奇相册**/
.game-imglist{text-align: center;padding: 42px 0 15px 0;font-size: 14px;border-bottom: 1px #d6d6d6 dashed;margin:0 5px;min-height: 300px;}
.game-imglist li{float: left;width: 260px;margin:0 0 35px 26px;display: inline;height: 247px;position: relative;overflow: hidden;}
.game-imglist li div{width:260px;height:247px;line-height:210px;text-align:center;vertical-align: middle;display: table-cell}
.game-imglist li div img{vertical-align: middle;max-width: 260px;max-height: 247px;transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all .8s ease-in; }
.game-imglist li div i{display:inline-block;height:100%;vertical-align:middle}
.game-imglist .game-imgtit{line-height: 30px;position: absolute;width: 100%;display: block;text-align: center;bottom:0;background:#000;background: rgba(0,0,0,0.7);filter: alpha(opacity=70);color: #fff}
.game-imglist li:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transition: all .8s ease-in; }

/*原画弹窗*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:#000; opacity: 0.3; filter: alpha(opacity = 30);}
#colorbox{outline:0;}
#cboxTopLeft{width:25px; height:25px; background:url(/images/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url(/images/border1.png) repeat-x 0 -50px;}
#cboxTopRight{width:25px; height:25px; background:url(/images/border1.png) no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url(/images/border1.png) no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url(/images/border1.png) repeat-x 0 -75px;}
#cboxBottomRight{width:25px; height:25px; background:url(/images/border1.png) no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url(/images/border2.png) repeat-y 0 0;}
#cboxMiddleRight{width:25px; background:url(/images/border2.png) repeat-y -25px 0;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:5px; left:64px; color:#949494;}
#cboxLoadingOverlay{background:#fff url(/images/loading.gif) no-repeat 5px 5px;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

/**攻略详情**/
.newsinfo h1{text-align: center;font-size: 24px;color: #b83424;height: 30px;overflow: hidden;margin-top: 45px}
.newsinfo-tit{text-align: center;line-height: 28px;color: #666;border-bottom: 1px #ccc dashed;padding:20px 0  10px 0;}
.newsinfo-tit span{margin:0 30px;}
.content{padding:30px 40px 80px 40px;line-height: 24px;color: #4a4a4a}
.content img{max-width: 815px}
/*战记攻略*/ 
.news-list{padding:30px 35px 30px 35px;line-height:32px;color:#999;border-bottom: 1px #d6d6d6 dashed;margin:0 5px;}
.news-list li{height:32px;overflow:hidden;padding:0 3px}
.news-list li span{margin-left: 30px}