@charset "utf-8";
/* CSS Document */

/*
    Created on : 2014-12-17
    Author     : jianyin1
*/

/* ================== css reset ================== */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,li {list-style:none;}
fieldset, img {border:none;}
body {background:#fff;color: #2a2a2a;}
body,button,input,select,textarea {font:12px/1.5 tahoma,arial,"Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1";}	 /*字体(unicode)：宋体(\5B8B\4F53)黑体(\9ED1\4F53)微软雅黑(\5FAE\8F6F\96C5\9ED1)*/
input,select,textarea {font-size:100%;}		/* 默认并不集成父级的文字大小 */
textarea {resize:none;}
table {border-collapse:collapse;border-spacing:0; empty-cells: show;}
button {cursor:pointer;}
em {font-style:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;}
a {text-decoration:none;}
a:focus {outline:none;}
select, input { vertical-align:middle; }

/* ie debug */
img,li {vertical-align:top;}
th {text-align:inherit;}
iframe {display:block;}

/* CSS3 渐进增强 */
a:hover, a:active, a:focus { /*text-decoration: underline;*/ -webkit-transition: color 0.1s ease; transition: color 0.1s ease;}

/* clearfix */
.clearfix:after{content:"\0020";display:block;height:0;clear:both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}


/* 单行文字溢出时出现省略号，需设定宽度 */
.fn-text-overflow {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*common部分开始*/
body {font-family:"Microsoft Yahei", SimHei;} /*微软雅黑 */
.simhei{font-family:Microsoft Simhei;} /*黑体 */
.wrap {width:1000px; margin:0 auto;}
.fl {float:left;}
.fr {float:right;}
.mt0 {margin-top:0!important;}
.ml0 {margin-left:0!important;}
.ml10 {margin-left:10px!important;}
.mt10 {margin-top:10px!important;}
.mt12 {margin-top:12px!important;}
.mt18 {margin-top:18px!important;}
.mt20 {margin-top:20px!important;}
.mt24 {margin-top:24px!important;}
.ml20 {margin-left:20px!important;}
.pt0 {padding-top:0!important;}
.pt5 {padding-top:5px!important;}
.pl0 {padding-left:0px!important;}
.pt25 {padding-top:25px!important;}
.posr{ position: relative!important;}
.w130{ width: 130px!important;}
.show{ display: block !important; }
.hide{ display: none !important; }
.hidden{ display: none !important; }
.right{ left: auto!important; right: 0px!important; z-index: 10001;}

/*链接颜色*/
a,a:visited  { color: #626262;}
a:hover {color:#0778bf;}

a.linkBlue,
a.linkBlue:visited {color:#434647!important;}
a.linkBlue:hover {color:#0778bf!important;}

a.linkGray,
a.linkGray:visited {color:#333!important;}
a.linkGray:hover {color:#0778bf!important;}

a.linkBlack,
a.linkBlack:visited {color:#000!important;}
a.linkBlack:hover {color:#0778bf!important;}

a.linkRed,
a.linkRed:visited {color:#ff4040!important;}
a.linkRed:hover {color:#0778bf!important;}

a.linkB,
a.linkB:visited {color:#0778bf!important;}
a.linkB:hover {color:#ff564e!important;}

a.linkWhite,
a.linkWhite:visited {color:#fff!important;}
a.linkWhite:hover { text-decoration: underline;}

a.linkG,
a.linkG:visited {color:#969fa4!important;}
a.linkG:hover {color:#0778bf!important;}


/*width*/
.w47 {width: 47px;}

/*height*/
.h20{ height: 20px;}
.h169 {height: 169px;}
.h190 {height: 190px;}


/*背景颜色*/
.bg59d1f5{ background: #59d1f5; color: #fff;}
.bg82dcf8{ background: #82dcf8; color: #fff;}
.bgace8fa{ background: #ace8fa; color: #fff;}
.bgf2f2f2{ background: #f2f2f2;}
.bgf9f9f9{ background: #f9f9f9;}
.bg2a2a2a{ background: #2a2a2a; color: #fff;}

/*icon图标部分*/
/*icon_png24*/
.png24{}

/*icon_png8*/
.png8{ }


/*top*/
.sina-top-bar-nav-last{ display: none!important;}
.sina-top-bar-nav-list li{ font-size: 16px;}
#sina_top_logo{ background: url(http://n.sinaimg.cn/sports/2014_video_summary/logo.png) no-repeat; width: 155px; height: 57px; display: block; float: left;}
.sina-top-bar-nav{ float: left; margin-left: 15px; display: inline;}
.sina-top-bar-blue{border-top-color: #917d3f;}
.sina-top-bar-wrap{ background: #fff;}

body{background: #eff1f4; zoom: 1;}
/*section*/
.section{position: fixed; _position: absolute; width: 100%;height: 100%;bottom: 0; background: #fff; display: none; z-index: 2;}
.article{}

/*sa*/
#sa{ background: #eff1f4; width: 100%; height: 100%; position: relative;}
#sa_container{ width: 1000px; margin:0 auto; height: 100%; position: relative;}
#sa_bg{ overflow: hidden; position: absolute; left: 50%; top: 61px; width: 1000px; margin-left: -500px;}
#sa_video_box{ position: absolute; left: 50%; top: 28%; width: 780px; height: 478px;}
#sa_bg img{ width: 100%; height: 100%;}


/*sb*/
#section2{background: #eff1f4; width: 100%;}
.container{ width: 1000px; margin: 0 auto;}
#sb{ overflow: hidden; }
#sports_comment{ margin-top: 20px; overflow: hidden; zoom: 1;}
#sports_comment .more{background: none; width: auto; height: auto; position: relative; left: auto; top:auto;}

#sports_video_box{ height: 665px; overflow: hidden; position: relative;}
#sports_video_bg{ height: 665px; width: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden;}
.svbg{ display: none; width: 100%; height: 665px;}
#sports_video_bg img{ display: block; width: 100%; height: 665px;}

#timeline{  position:relative; width:1000px; height: 480px; overflow: hidden; padding-top: 90px; margin: 0 auto;}
#timeline_list{ height:395px; overflow: hidden; /*width: 18630px;*/}
#timeline_ul{ height:395px; overflow: hidden; width: 18630px;}
#timeline_list li{float: left; height:375px; overflow: hidden; position: relative;}

#January{ width: 540px;}
#February{ width: 1890px;}
#March{ width: 1620px;}
#April{ width: 540px;}
#May{ width: 1080px;}
#June{ width: 1080px;}
#July{ width: 1890px;}
#August{ width: 810px;}
#September{ width: 1620px;}
#October{ width: 2430px;}
#November{ width: 2970px;}
#December{ width: 2160px;}

.item{ position: absolute; margin-right: 10px; width: 240px; overflow: hidden; background: #dcdcdd; padding: 0px 10px 10px; cursor: pointer;}
.item_txt{ overflow: hidden;}
.item_txt p{ font-size: 16px; padding-top: 10px; line-height: 18px;  color: #252729;}
.item_img{ position: relative; width: 240px; overflow: hidden; margin-top: 10px;}
.item_img img{ display: block; width: 240px; overflow: hidden;}
.item_img_bg{ display: none; position: absolute; left: 0px; top: 0px; width: 240px; height: 100%; overflow: hidden; background: #fff; opacity: 0.4; filter:alpha(opacity=40);}
.item_btn{ display: none; position: absolute; left: 50%; top: 50%; width: 24px; height: 36px; overflow: hidden; background: url(http://n.sinaimg.cn/sports/2014_video_summary/png24.png) no-repeat -965px -228px; margin: -18px 0 0 -12px;}

#timeline .selected { background: #fff;}
#timeline .selected .item_img_bg{ display: block;}
#timeline .selected .item_btn{ display: block;}

.bg_black{ background: #313335;}
.bg_black .item_txt p{ color: #fff;}
#timeline .bg_black.selected { background: #25272a;}

#pop_mask{ display: none; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(opacity=30); z-index: 200; position: absolute; left: 0px; top: 0px;}
#pop_wrap{ display: none; position: absolute; left: 50%; top: 140px; width: 780px; height: 478px; overflow: hidden; padding: 10px; background: #fff; margin-left: -390px; z-index: 201;}
#pop_video{ width: 780px; height: 478px; }
#sinaPlayerCloseBtn{ position: absolute; right: 0px; top: 0px; background: url(http://n.sinaimg.cn/sports/2014_video_summary/png24.png) -156px -144px; width: 90px; height: 90px; overflow: hidden; cursor: pointer;}
#btn_left{ position: absolute; left: 0px; top: 220px; background: url(http://n.sinaimg.cn/sports/2014_video_summary/png24.png) -272px -99px; width: 60px; height: 60px; overflow: hidden; cursor: pointer;}
#btn_right{position: absolute; right: 0px; top: 220px; background: url(http://n.sinaimg.cn/sports/2014_video_summary/png24.png) -272px -183px; width: 60px; height: 60px; overflow: hidden; cursor: pointer;}

#btn_left:hover{ background: url(http://n.sinaimg.cn/sports/2014_video_summary/png24.png) -348px -99px;}
#btn_right:hover{ background: url(http://n.sinaimg.cn/sports/2014_video_summary/png24.png) -348px -183px;}
#gotoHome{ background: url(http://n.sinaimg.cn/sports/2014_video_summary/goHome.png) no-repeat; z-index: 199; position: fixed; width: 48px; height: 51px; cursor: pointer; right: 0px; bottom: 20px; display: none;}

/*mouse scroll*/
.sports_arrow_down{ position: fixed; _position: absolute; bottom: 4%; left: 50%; width: 223px; height: 70px; cursor: pointer; margin-left: -111px; z-index: 1001;}
#sa_scroll{ left: auto; right: 82px; margin-left: 0px;}
.s_scroll{  width: 223px; height: 70px; cursor: pointer;}

.s_scroll {
    -webkit-animation: 2s fadeOutUps ease-in-out infinite;
    animation:2s fadeOutUps ease-in-out infinite;
}

@-webkit-keyframes fadeOutUps {
    0% {
        opacity: 0.3;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@keyframes fadeOutUps {
    0% {
        opacity: 0.3;
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}


/*footer部分*/
#footer{line-height:28px;text-align:center;color:#25272a;font-size:12px; margin:0 auto;padding:45px 0 20px; font-size: 14px;}
#footer a:link,#footer a:visited {color:#25272a;text-decoration:none;}
#footer a:hover,#footer a:active {color:#E60012;text-decoration:underline;}


/* animate.css */
.animated_2s{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


#timeline_list{ width: 100%;}
.scrollbar{ position: absolute; z-index: 100;}
.scrollbar_h{ height: 85px; bottom: 0; left: 0;}
.scrollbar_path{ position: absolute; z-index: 101; height:85px; width:1000px; background:url(http://n.sinaimg.cn/sports/2014_video_summary/png24.png) no-repeat 0 0;}
.scrollbar_handle{cursor:pointer; height:66px; left:0; position:absolute; top:10px; width:20px !important; z-index: 102;}
.scrollbar_handle_head, .scrollbar_handle_body, .scrollbar_handle_foot{ display: block; cursor: pointer;}
.scrollbar_handle_head{ display: none;}
.scrollbar_handle_body{ height: 66px; background: url(http://n.sinaimg.cn/sports/2014_video_summary/png24.png) no-repeat 0 -142px; }
.scrollbar_handle_foot{ display: none;}

.scrollbar_h .scrollbar_handle_head,.scrollbar_h .scrollbar_handle_foot{}

.scrollbar_h .scrollbar_handle_head{ width: 0px;}
.scrollbar_h .scrollbar_on .scrollbar_handle_head{}
.scrollbar_h .scrollbar_on .scrollbar_handle_body{ background: url(http://n.sinaimg.cn/sports/2014_video_summary/png24.png) no-repeat -100px -142px;}
.scrollbar_h .scrollbar_handle_foot{ width: 0px;}
.scrollbar_h .scrollbar_on .scrollbar_handle_foot{}