.icon-sprite, #logo, .banner .J_handle .left_arrow, .banner .J_handle .right_arrow { background-image: url('../../../img/soccernight/icon-s9c9ea4169a.png'); background-repeat: no-repeat; }

nav { height: 50px; min-width: 960px; box-sizing: border-box; border: 0 solid #cf140e; border-top-width: 1px; border-bottom-width: 1px; margin-top: 60px; }

.nav-list { width: 960px; height: 50px; margin: 0 auto; position: relative; padding-left: 40px; box-sizing: border-box; }
.nav-list li { float: left; margin-top: 10px; }
.nav-list li.cur .nav { background: #cf140e; color: #fff; }
.nav-list .right { margin-left: 60px; }
.nav-list .right .nav { margin-right: 0; }
.nav-list .nav { display: inline-block; *display: inline; *zoom: 1; _overflow: hidden; height: 30px; line-height: 30px; width: 80px; text-align: center; color: #cf140e; margin-right: 28px; }
.nav-list .nav:hover { background: #cf140e; color: #fff; }
.nav-list .logo { margin-top: 0; padding: 0 22px; background-color: #f0f1ef; position: relative; top: -20px; }

#logo { background-position: 0 -110px; width: 226px; height: 75px; background-color: #f0f1ef; position: relative; display: inline-block; *display: inline; *zoom: 1; _overflow: hidden; }

.J_slide { overflow: hidden; visibility: hidden; position: relative; }
.J_slide ul { overflow: hidden; position: relative; }
.J_slide ul li { float: left; width: 100%; position: relative; }

.banner { width: 100%; }
.banner .slide { width: 942px; margin: 0 auto; }
.banner .slide img { vertical-align: middle; width: 940px; border: 1px solid #fff; }
.banner .slide .wraper { position: relative; }
.banner .slide .wraper .des { width: 444px; height: 60px; display: inline-block; *display: inline; *zoom: 1; _overflow: hidden; color: #fff; background-color: rgba(0, 0, 0, 0.8); position: absolute; right: 3px; bottom: 25px; text-indent: 20px; line-height: 60px; }
.banner .J_handle .left_arrow, .banner .J_handle .right_arrow { width: 40px; height: 80px; display: inline-block; *display: inline; *zoom: 1; _overflow: hidden; position: absolute; top: 50%; margin-top: -40px; opacity: 0.5; filter: alpha(opacfity=50); }
.banner .J_handle .left_arrow:hover, .banner .J_handle .right_arrow:hover { opacity: 1; filter: alpha(opacfity=100); }
.banner .J_handle .left_arrow { left: 10px; background-position: 0 -20px; }
.banner .J_handle .right_arrow { right: 10px; background-position: 0 -297px; }

.content { width: 960px; padding-top: 30px; margin: 0 auto; }
.content .left-side { margin-left: 10px; float: left; }
.content .left-side .pic-textlist { margin-top: 20px; }
.content .right-side { float: right; margin-top: 30px; }
.content .right-side .new .info { display: inline-block; *display: inline; *zoom: 1; _overflow: hidden; vertical-align: middle; }
.content .right-side .new .info h4 { font-size: 18px; color: #890d1f; line-height: 1.5em; }
.content .right-side .new .info p { font-size: 12px; line-height: 18px; }
.content .right-side .new .info .poster { margin-top: 7px; display: inline-block; *display: inline; *zoom: 1; _overflow: hidden; }
.content .right-side .new .title { margin-bottom: 20px; }
.content .right-side .new .cover { margin-left: 10px; margin-right: 10px; }
.content .right-side .new:after { content: url('../../../img/soccernight/icon/desk.png?1386415314'); position: relative; top: -4px; z-index: -1; }
.content .right-side .views { font-size: 14px; }
.content .right-side .views h3 { margin-top: 20px; margin-bottom: 15px; font-weight: normal; }
.content .right-side .views li { line-height: 30px; }
.content .right-side .views .sugar { display: inline-block; *display: inline; *zoom: 1; _overflow: hidden; height: 20px; line-height: 20px; width: 40px; text-align: center; color: #fff; margin-right: 10px; }
.content .right-side .views .sugar.red { background: #C66666; }
.content .right-side .views .sugar.yellow { background: #CFA528; }
.content .right-side .views .sugar.green { background: #7AA057; }
.content .right-side .views .sugar.blue { background: #5EA29C; }
.content .right-side .views .sugar.purple { background: #6973B7; }
.content .right-side .views .sugar.redpurple { background: #A669B1; }
.content .right-side .views .sugar.gray { background: #8F8F8F; }
.content .activ { position: relative; padding: 30px 10px; box-sizing: border-box; }
.content .activ h3 { margin-bottom: 20px; }
.content .activ .more { top: 30px; }
.content .activ .activ-list li { float: left; width: 213px; text-align: center; margin-right: 20px; position: relative; }
.content .activ .activ-list li .date { font-size: 12px; height: 20px; line-height: 20px; width: 80px; text-align: center; display: inline-block; *display: inline; *zoom: 1; _overflow: hidden; position: absolute; top: 4px; left: 4px; *background: #ccc; background: rgba(0, 0, 0, 0.4); color: #fff; }
.content .activ .activ-list li .img-link { display: inline-block; *display: inline; *zoom: 1; _overflow: hidden; padding: 3px; background: #fff; border: 1px solid #cccccc; }
.content .activ .activ-list li .img-link:hover + a { color: #8f1c2c; }
.content .activ .activ-list li a span { line-height: 30px; font-size: 14px; }
.content .activ .activ-list li a:hover { color: #8f1c2c; }

.through { width: 100%; overflow: hidden; }

.pic-textlist { position: relative; }
.pic-textlist h3 { margin-bottom: 20px; }
.pic-textlist .img-link { float: left; }
.pic-textlist .text-list { overflow: hidden; position: relative; top: -6px; list-style-image: url('../../../img/soccernight/icon/link.png?1386409883'); }
.pic-textlist .text-list li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; padding-left: 19px; }
.pic-textlist .text-list li a { font-size: 14px; }
.pic-textlist .text-list li a:hover { color: #8f1c2c; position: relative; }
.pic-textlist .text-list li a:hover:before { content: url('../../../img/soccernight/icon/link.png?1386409883'); position: absolute; left: -14px; top: -5px; }
.pic-textlist .text-list li a:active { color: #962b3b; }
.pic-textlist .text-list li a:visited { color: #9f9f9f; }

.more { position: absolute; left: 80px; top: 0; font-size: 12px; display: inline-block; *display: inline; *zoom: 1; _overflow: hidden; height: 20px; line-height: 20px; width: 45px; text-align: center; background-color: #cccccc; color: #fff; }
.more:hover { background-color: #890d1f; }

.img-link { padding: 3px; background: #fff; border: 1px solid #cccccc; }