Team:ATOMS-Turkiye/fetStyles.css

From 2014.igem.org

/* ---------------------------------------- */ /* ---------------------------------------- */ /* ---- CSS+xHTML written by tehorionx ---- */ /* --------- tehorionx@gmail.com ---------- */ /* ---------------------------------------- */ /* --------------- CSS3 ------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, small, strong, b, u, i, dl, dt, dd, ol, ul, li, abbr, fieldset, form, label, legend {

   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;

} ol, ul, li { list-style: none } input {

   border: 0;
   background: 0;
   outline: 0;
   font-size: 14px;
   font-family: Arial,sans-serif;

} select {

   border: 0;
   outline: 0;
   font-size: 12px;
   font-family: Calibri,Tahoma,Arial,sans-serif;

} textarea {

   margin: 0;
   border: 0;
   outline: 0;
   resize: none;
   font-size: 13px;
   font-family: Arial,sans-serif;
   overflow: auto;

} body {

   /* padding-top: 80px; */
   background: #f6f6f6;
   font-size: 13px;
   font-family: Arial,sans-serif;
   color: #1d1d1d;

} html, body { height: 100% } a {

   text-decoration: none;
   outline: 0;

} .fix {

   clear: both;
   font-size: 0;
   line-height: 0;
   line-height: 0;

} .sfnav {

   height: 73px;
   font-size: 0;
   text-indent: -9999px;
   position: fixed;
   top: 50%;
   margin-top: -37px;
   z-index: 2000;

}

  1. sfnav-left {
   width: 45px;
   background: url(solOk.png) no-repeat;
   left: 0;

}

  1. sfnav-right {
   width: 39px;
   background: url(sagOk.png) no-repeat;
   right: 0;

}

  1. yuklesayfa {
   width: 1170px;
   height: 100%;
   position: absolute;
   top: 85px;
   z-index: 700;

}

  1. yuklesayfa.fixed { z-index: 400 }
  2. detay-wrap {
   display: none;
   width: 1170px;
   height: 100%;
   position: absolute;
   top: 0;
   z-index: 900;

}

  1. kapat-detay {
   width: 45px;
   height: 47px;
   font-size: 0;
   text-indent: -9999px;
   background: url(site.png) -180px -503px no-repeat;
   cursor: pointer;
   position: fixed;
   top: 60px;
   z-index: 1000;
   left: 50%;
   margin-left: 446px;

}

  1. kapat-detay.fixed { position: fixed }

.detay-overlay {

   display: block;
   width: 100%;
   height: 100%;
   background: url(op7.png) repeat;
   position: fixed;
   top: 0;
   z-index: -800;

}

  1. loading {
   display: none;
   width: 80px;
   height: 80px;
   margin: -40px 0 0 -40px;
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 9999;

}

  1. header {
   width: 100%;
   height: 40px;
   padding: 15px 0 15px 0;
   background: url(header.jpg) center 15px no-repeat #f6f6f6;
   /* position: fixed; */
   left: 0;
   top: 0;
   z-index: 500;

}

  1. header .wrp {
   width: 1170px;
   height: 40px;
   margin: 0 auto;
   position: relative;

}

  1. header h1 {
   width: 223px;
   height: 57px;
   background: url(yeniLogo.png) no-repeat;
   position: absolute;
   left: -40px;
   top: -8px;
   z-index: 4;

}

  1. header h1 a {
   display: block;
   text-indent: -9999px;
   height: 57px;

}

  1. header ol {
   height: 40px;
   line-height: 40px;
   margin-left: 220px;
   font-size: 15px;
   font-weight: 700;

}

  1. header ol li {
   height: 40px;
   margin: 0 17px 0 15px;
   position: relative;
   float: left;

}

  1. header ol li i {
   width: 2px;
   height: 40px;
   background: url(site.png) no-repeat;
   position: absolute;
   right: -17px;
   top: 0;

}

  1. header ol li i.one { background-position: -209px -78px }
  2. header ol li i.two { background-position: -211px -78px }
  3. header ol li i.thr { background-position: -213px -78px }
  4. header ol li i.fou { background-position: -215px -78px }
  5. header ol li i.fiv { background-position: -217px -78px }
  6. header ol li i.six { background-position: -219px -78px }
  7. header ol li i.svn { background-position: -221px -78px }
  8. header ol li a {
   display: block;
   color: #fff;

}

  1. header ol li a:hover { color: #ddd }
  2. header ol li.vdo { width: 24px }
  3. header ol li.vdo a {
   width: 24px;
   height: 18px;
   font-size: 0;
   text-indent: -9999px;
   background: url(site.png) -169px -612px no-repeat;
   position: absolute;
   top: 11px;

}

  1. header ol li.fto {
   width: 24px;
   margin: 0;

}

  1. header ol li.fto a {
   width: 24px;
   height: 18px;
   font-size: 0;
   text-indent: -9999px;
   background: url(site.png) -169px -631px no-repeat;
   position: absolute;
   top: 10px;

}

  1. header .srch {
   width: 155px;
   height: 26px;
   position: absolute;
   right: 0;
   top: 7px;

}

  1. header .srch input.txt {
   width: 110px;
   height: 26px;
   line-height: 26px;
   padding: 0 5px;
   font-size: 12px;
   color: #a2a0a0;
   background: #d2cfcf;
   float: left;

}

  1. header .srch input.btn {
   width: 33px;
   height: 26px;
   margin-left: 2px;
   font-size: 0;
   text-indent: -9999px;
   background: url(site.png) 0 -52px no-repeat;
   cursor: pointer;
   float: left;

}

  1. wraper {
   width: 1172px;
   height: auto;
   margin: -8px auto 20px auto;
   position: relative;

}

  1. wraper.one { background: url(one.jpg) repeat-y }
  2. wraper.two { background: url(two.jpg) repeat-y }
  3. wraper.thr { background: url(thr.jpg) repeat-y }
  4. wraper.fou { background: url(fou.jpg) repeat-y }
  5. wraper.fiv { background: url(fiv.jpg) repeat-y }
  6. wraper.six { background: url(six.jpg) repeat-y }
  7. wraper.svn { background: url(svn.jpg) repeat-y }
  8. wraper .shdw {
   width: 1170px;
   height: 25px;
   background: url(sh1dw.png) no-repeat;
   position: absolute;
   left: 0;
   bottom: -25px;

}

  1. side {
   width: 130px;
   text-shadow: 0 0 3px #000;
   float: left;
   position: relative;

}

  1. side i {
   position: absolute;
   z-index: 4;

}

  1. side .spc {
   height: 20px;
   background: #f6f6f6;

}

  1. side .ads120 {
   width: 120px;
   height: 600px;
   margin: 0 auto 10px auto;
   border: 1px solid #000;

}

  1. side .menu { margin-bottom: 0px }
  2. side .menu dd {
   width: 130px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border-top: 1px solid rgba(255,255,255,0.2);
   border-bottom: 1px solid rgba(0,0,0,0.2);

}

  1. side .menu dd.end { border-bottom: 0 }
  2. side .menu dd a {
   display: block;
   height: 40px;
   color: #fff;
   font-weight: 700;
   font-size: 14px;
   opacity: .9;

}

  1. side .menu dd a:hover { background: url(op7.png) repeat }
  2. side .live {
   width: 130px;
   margin-bottom: 10px;
   font-family: Calibri,Arial,sans-serif;
   background: url(op5.png) repeat;
   box-shadow: inset 0 -4px 4px rgba(0,0,0,0.3);

}

  1. side .live a {
   display: block;
   width: 70px;
   padding: 14px 15px 12px 45px;
   font-size: 15px;
   font-weight: 700;
   color: #fff;
   position: relative;

}

  1. side .live i {
   width: 25px;
   height: 25px;
   margin-top: -12px;
   background: url(site.png) -108px -158px no-repeat;
   left: 10px;
   top: 50%;

}

  1. side .curr {
   width: 108px;
   margin: 0px 10px 10px 10px;
   line-height: 20px;
   font-weight: 700;
   background: #881403;
   border: 1px solid #b30000;
   text-align: center;

}

  1. side .curr:hover {
   border: 1px solid rgba(255,255,255,0.2);

}

  1. side .curr li {
   width: 108px;
   padding: 6px 0 6px 0;
   color: #fff;
   text-shadow: none;
   font-size: 11px;
   border-bottom: 1px dotted rgba(255,255,255,0.2);

}

  1. side .curr li i {
   display: inline;
   width: 11px;
   height: 8px;

}

  1. side .curr li i.up { background-image: url(arrowUpSmall.png) }
  2. side .curr li i.dwn { background-image: url(arrowDownSmall.png) }
  3. side .curr li i.eq { background-image: url(arrowEqSmall.png) }
  4. side .curr li.info {
   padding-left: 0;
   padding-right: 0;
   width: 108px;
   text-align: center;
   padding-top: 2px;
   padding-bottom: 2px;

}

  1. side .curr li.info em {
   font-size: 9px;
   text-decoration: none;
   font-style: normal;

}

  1. side .curr b {
   display: block;
   padding-bottom: 1px;
   font-size: 12px;

}

  1. side .liv {
   text-shadow: none;
   margin-bottom: 25px;
   padding-top: 15px;
   color: #fff;
   text-align: center;

}

  1. side .liv .slc {
   width: 113px;
   height: 24px;
   margin: 0 0 5px 5px;
   line-height: 24px;
   padding-left: 5px;
   text-align: left;
   font-size: 14px;
   background: #1d9008;
   border: 1px solid #1b8106;
   border-radius: 4px;
   position: relative;

}

  1. side .liv .slc i {
   width: 13px;
   height: 8px;
   background: url(site.png) -210px -197px no-repeat;
   position: absolute;
   right: 7px;
   top: 9px;
   display: inline;

}

  1. side .liv .slc .select {
   display: block;
   position: relative;
   overflow: hidden;

}

  1. side .liv .slc select.styled {
   display: block;
   width: 100%;
   height: 100%;
   opacity: 0;
   cursor: pointer;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 5;

}

  1. side .liv ul {
   width: 110px;
   margin-bottom: 10px;
   padding: 10px;
   text-align: center;

}

  1. side .liv li {
   width: 110px;
   margin-bottom: 5px;
   color: #767676;
   background: #fff;

}

  1. side .liv li p {
   width: 102px;
   margin: 0 0 6px 4px;
   padding: 2px 0;
   line-height: 14px;
   font-size: 9px;
   border-bottom: 1px solid #e0e0e0;

}

  1. side .liv li span {
   width: 50px;
   padding-bottom: 5px;
   color: #575757;
   font-size: 14px;
   float: left;

}

  1. side .liv li img {
   display: block;
   width: 36px;
   height: 36px;
   margin: 0 0 0 7px;

}

  1. side .liv li strong {
   display: block;
   width: 30px;
   height: 20px;
   margin: 5px 0 0 9px;
   line-height: 20px;
   background: #f3f3f3;
   border: 1px solid #e4e4e4;
   border-radius: 10px;

}

  1. side .liv li b {
   width: 10px;
   line-height: 36px;
   color: #c9c9c9;
   font-size: 14px;
   float: left;

}

  1. side .liv .all {
   display: block;
   width: 118px;
   height: 24px;
   margin-left: 5px;
   line-height: 24px;
   font-size: 14px;
   font-weight: 700;
   color: #fff;
   background: #1d9008;
   border: 1px solid #1b8106;
   border-radius: 4px;

}

  1. cont {
   width: 720px;
   background: #f6f6f6;
   float: left;

}

  1. cont .slider {
   width: 720px;
   height: 470px;
   margin-bottom: 10px;
   position: relative;

}

  1. cont .slider em.shdw {
   width: 35px;
   height: 420px;
   background: url(sh3dw.png) no-repeat;
   position: absolute;
   left: -35px;
   top: 0;
   z-index: 100;

}

  1. cont .slider span #bb-nav-next {
   width: 160px;
   height: 40px;
   text-indent: -9999px;
   background: url(site.png) 0 -744px no-repeat;
   cursor: pointer;
   position: absolute;
   right: -7px;
   top: 5px;
   z-index: 10;

}

  1. cont .slider #toxslider {
   width: 720px;
   height: 400px;
   overflow: hidden;

}

  1. cont .slider #toxslider p {
   width: 720px;
   height: 400px;
   position: relative;

}

  1. cont .slider #toxslider a {
   color: #fff;
   font-size: 55px;
   line-height: 117%;
   font-family: Arial,sans-serif;

}

  1. cont .slider #toxslider img {
   width: 720px;
   height: 400px;
   display: block;

}

  1. cont .slider #toxslider strong {
   width: 720px;
   height: 200px;
   background: url(rptx.png) 0 0 repeat-x;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 4;

}

  1. cont .slider #toxslider strong.alter {
   width: 720px;
   height: 200px;
   background: url(mansetAlterBg.png) 0 0 repeat-x;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 4;

}

  1. cont .slider #toxslider b {
   width: 680px;
   text-shadow: 0 0 4px #000;
   position: absolute;
   left: 20px;
   bottom: 10px;
   z-index: 7;
   font-weight: 700;

}

  1. cont .slider #toxslider strong.alter b {
   width: 590px;
   text-shadow: 0 0 4px #000;
   position: absolute;
   left: 20px;
   top: 10px;
   z-index: 7;
   font-weight: 700;

}

  1. cont .slider strong span.headlineUstBaslik

{

   left: 2px;
   top: -50px;
   font-size: 30px;
   width: 680px;
   position: absolute;
   color: orange;

}

  1. cont .slider strong.alter span.headlineUstBaslik {
   display: none;

}

  1. cont .slider #tox-prev {
   width: 43px;
   height: 60px;
   background: url(solOk.png) -2px 0 no-repeat;
   cursor: pointer;
   position: absolute;
   left: 0;
   top: 150px;
   z-index: 50;
   opacity: .4;

}

  1. cont .slider #tox-next {
   width: 43px;
   height: 60px;
   background: url(sagOk.png) 0 0 no-repeat;
   cursor: pointer;
   position: absolute;
   right: -7px;
   top: 150px;
   z-index: 50;
   opacity: .4;

}

  1. cont .slider #tox-prev:hover { opacity: .8 }
  2. cont .slider #tox-next:hover { opacity: .8 }
  3. cont .slider #tox-navi {
   width: 720px;
   height: 70px;
   background: #f7f7f7;
   box-shadow: inset 0 -1px 7px rgba(0,0,0,0.1);
   position: absolute;
   left: 0;
   top: 400px;
   z-index: 5;

}

  1. cont .slider #toxspager {
   width: 720px;
   height: 70px;
   padding-left: 3px;

}

  1. cont .slider #toxspager a {
   float: left;
   width: 33px;
   height: 53px;
   padding: 9px 1px 1px 1px;
   margin-right: 5px;
   background: url(sldc.png) left top no-repeat transparent;

}

  1. cont .slider #toxspager a.selected {
   width: 31px;
   height: 51px;
   padding: 10px 2px 2px 2px;
   background: url(sldc.png) left bottom no-repeat transparent;

}

  1. cont .slider #toxspager a img {
   width: 33px;
   height: 53px;

}

  1. cont .slider #toxspager a.selected img {
   width: 31px;
   height: 51px;

}

  1. cont .slider.glry {
   height: 530px;
   background: #fff;
   margin: 0;

}

  1. cont .slider #glrslider {
   width: 720px;
   height: 400px;
   overflow: hidden;

}

  1. cont .slider #glrslider p {
   width: 720px;
   height: 400px;
   position: relative;

}

  1. cont .slider #glrslider a {
   color: #fff;
   font-size: 48px;
   line-height: 117%;
   font-family: Arial,sans-serif;

}

  1. cont .slider #glrslider img {
   width: 720px;
   height: 400px;
   display: block;

}

  1. cont .slider #glrslider strong {
   width: 720px;
   height: 200px;
   background: url(rptx.png) 0 0 repeat-x;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 4;

}

  1. cont .slider #glrslider b {
   width: 680px;
   text-shadow: 0 0 4px #000;
   position: absolute;
   left: 20px;
   bottom: 15px;
   z-index: 7;

}

  1. cont .slider #glr-prev {
   width: 54px;
   height: 54px;
   background: url(solOk.png) 0 0 no-repeat;
   cursor: pointer;
   position: absolute;
   left: 0;
   top: 150px;
   z-index: 50;
   opacity: .6;

}

  1. cont .slider #glr-next {
   width: 54px;
   height: 54px;
   background: url(sagOk.png) 0 0 no-repeat;
   cursor: pointer;
   position: absolute;
   right: -18px;
   top: 150px;
   z-index: 50;
   opacity: .6;

}

  1. cont .slider #glr-prev:hover { opacity: .8 }
  2. cont .slider #glr-next:hover { opacity: .8 }
  3. cont .slider #glr-navi {
   width: 720px;
   height: 120px;
   background: #f7f7f7;
   box-shadow: inset 0 -1px 7px rgba(0,0,0,0.1);
   position: absolute;
   left: 0;
   top: 400px;
   z-index: 5;

}

  1. cont .slider #glrypager {
   width: 720px;
   height: 120px;
   text-align: center;
   font-size: 11px;
   font-weight: 700;

}

  1. cont .slider #glrypager a {
   float: left;
   width: 99px;
   height: 109px;
   padding: 10px 10px 0 10px;
   color: #666;
   border-right: 1px solid #dedede;
   border-bottom: 1px solid #dedede;
   position: relative;

}

  1. cont .slider #glrypager a i {
   width: 13px;
   height: 7px;
   position: absolute;
   left: 53px;
   top: 0;
   -webkit-transition: top 200ms ease-in-out,opacity 200ms ease-in-out;
   -moz-transition: top 200ms ease-in-out,opacity 200ms ease-in-out;
   -ms-transition: top 200ms ease-in-out,opacity 200ms ease-in-out;
   -o-transition: top 200ms ease-in-out,opacity 200ms ease-in-out;
   transition: top 200ms ease-in-out,opacity 200ms ease-in-out;

}

  1. cont .slider #glrypager a img {
   display: block;
   width: 80px;
   height: 50px;
   margin: 0 0 10px 5px;
   border: 4px solid #f7f7f7;

}

  1. cont .slider #glrypager a.selected { color: #333 }
  2. cont .slider #glrypager a.selected img { border: 4px solid #0af }
  3. cont .slider #glrypager a.selected i {
   background: url(site.png) -210px -206px no-repeat;
   top: -7px;

}

  1. cont .sldare {
   width: 720px;
   height: 430px;
   position: relative;
   box-shadow: 0 -2px 4px rgba(0,0,0,0.2);

}

  1. cont .sldare.thr { height: 418px }
  2. cont .sldare em {
   width: 35px;
   height: 420px;
   background: url(sh3dw.png) no-repeat;
   position: absolute;
   left: -35px;
   top: 0;
   z-index: 100;

}

  1. cont .sldare .sldtx {
   width: 720px;
   height: 430px;

}

  1. cont .sldare .sldtx .sldr {
   width: 400px;
   height: 430px;
   overflow: hidden;
   float: left;

}

  1. cont .sldare .sldtx .sldr p {
   width: 400px;
   height: 430px;
   position: relative;

}

  1. cont .sldare .sldtx .sldr a {
   display: block;
   color: #fff;
   font-size: 30px;
   line-height: 120%;
   font-family: Arial,sans-serif;
   position: relative;

}

  1. cont .sldare .sldtx .sldr img {
   width: 400px;
   height: 430px;
   display: block;

}

  1. cont .sldare .sldtx .sldr strong {
   width: 400px;
   height: 200px;
   background: url(rptx.png) 0 0 repeat-x;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 4;

}

  1. cont .sldare .sldtx .sldr b {
   width: 380px;
   text-shadow: 0 0 4px #000;
   position: absolute;
   left: 20px;
   bottom: 20px;
   z-index: 7;

}

  1. cont .sldare .sldtx .snav {
   width: 299px;
   height: 420px;
   padding: 4px 10px;
   background: #f8f8f8;
   border: 1px solid #ccc;
   border-left: 0;
   float: left;

}

  1. cont .sldare .sldtx .snav div {
   width: 299px;
   height: 34px;
   line-height: 34px;
   font-weight: 700;
   border-bottom: 1px dotted #ccc;
   overflow: hidden;

}

  1. cont .sldare .sldtx .snav div.end {
   height: 35px;
   line-height: 35px;
   border-bottom: 0;

}

  1. cont .sldare .sldtx .snav div a {
   display: block;
   color: #333;
   padding: 0 10px;

}

  1. cont .sldare .sldpo {
   width: 720px;
   height: 408px;

}

  1. cont .sldare .sldpo .sldr {
   width: 375px;
   height: 408px;
   overflow: hidden;
   float: left;

}

  1. cont .sldare .sldpo .sldr p {
   width: 375px;
   height: 408px;
   position: relative;

}

  1. cont .sldare .sldpo .sldr a {
   display: block;
   color: #fff;
   font-size: 30px;
   line-height: 120%;
   font-family: Arial,sans-serif;
   position: relative;

}

  1. cont .sldare .sldpo .sldr img {
   width: 375px;
   height: 408px;
   display: block;

}

  1. cont .sldare .sldpo .sldr strong {
   width: 375px;
   height: 200px;
   background: url(rptx.png) 0 0 repeat-x;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 4;

}

  1. cont .sldare .sldpo .sldr b {
   width: 335px;
   text-shadow: 0 0 4px #000;
   position: absolute;
   left: 20px;
   bottom: 15px;
   z-index: 7;
   font-size: 30pt;
   line-height:44px;

}

  1. cont .sldare .sldpo .snav {
   width: 344px;
   height: 408px;
   border-left: 1px solid #cbcbcb;
   font-size: 16px;
   float: left;
   font-weight: 700;

}

  1. cont .sldare .sldpo .snav li {
   width: 344px;
   height: 80px;
   border-top: 1px solid #f9f9f9;
   border-bottom: 1px solid #cbcbcb;

}

  1. cont .sldare .sldpo .snav li.bgn { border-top: 0 }
  2. cont .sldare .sldpo .snav li.end { border-bottom: 0 }
  3. cont .sldare .sldpo .snav a {
   display: block;
   width: 219px;
   height: 68px;
   padding: 12px 10px 0 115px;
   color: #4f4f4f;
   background: #dedede;
   position: relative;

}

  1. cont .sldare .sldpo .snav a:hover {
   color: #09a4a7;
   background: #fff;

}

  1. cont .sldare .sldpo .snav img {
   width: 90px;
   height: 60px;
   position: absolute;
   left: 10px;
   top: 10px;

}

  1. cont .ads700 {
   width: 700px;
   height: 90px;
   margin: 0 auto 10px auto;

}

  1. cont .hotnews {
   width: 700px;
   height: 500px;
   margin: 0 auto 10px auto;
   border-bottom: 1px solid #ddd;

}

  1. cont .hotnews i {
   width: 20px;
   height: 455px;
   background: url(rpty.png) 0 0 repeat-y;
   float: left;

}

  1. cont .hotnews dl {
   width: 340px;
   height: 460px;
   float: left;

}

  1. cont .hotnews dt {
   width: 340px;
   height: 226px;
   margin-bottom: 10px;
   font-size: 12px;

}

  1. cont .hotnews dt a {
   display: block;
   width: 340px;
   height: 226px;
   color: #fff;
   position: relative;

}

  1. cont .hotnews dt a img {
   display: block;
   width: 340px;
   height: 226px;

}

  1. cont .hotnews dt a span {
   height: 18px;
   line-height: 20px;
   padding: 0 8px;
   color: #fff;
   font-weight: 700;
   position: absolute;
   right: 2px;
   top: 2px;
   z-index: 4;

}

  1. cont .hotnews dt a span.one { background: #9e1d0a }
  2. cont .hotnews dt a span.two { background: #264ea0 }
  3. cont .hotnews dt a span.thr { background: #1877b6 }
  4. cont .hotnews dt a span.fou { background: #d50000 }
  5. cont .hotnews dt a span.fiv { background: #137f39 }
  6. cont .hotnews dt a span.six { background: #c1570a }
  7. cont .hotnews dt a span.svn { background: #741784 }
  8. cont .hotnews dt a strong {
   width: 340px;
   height: 90px;
   font-size: 25px;
   background: url(rptx.png) 0 -200px repeat-x;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 4;

}

  1. cont .hotnews dt a strong b {
   width: 320px;
   font-weight: 400;
   text-shadow: 0 0 4px #000;
   position: absolute;
   left: 10px;
   bottom: 10px;
   z-index: 7;

}

  1. cont .hotnews dd {
   width: 340px;
   height: 70px;
   margin-bottom: 10px;
   padding: 4px 0;
   background: #f8f8f8;
   font-size: 17px;

}

  1. cont .hotnews dd:hover { background-color: #e8e8e8 }
  2. cont .hotnews dd a {
   display: block;
   width: 250px;
   height: 67px;
   padding: 2px 10px 1px 80px;
   color: #555;
   position: relative;

}

  1. cont .hotnews dd a strong { font-size: 16px }
  2. cont .hotnews dd a img {
   width: 55px;
   height: 60px;
   padding: 5px;
   background: #fff;
   border: 1px solid #ccc;
   box-shadow: 0 0 4px rgba(0,0,0,0.3);
   position: absolute;
   left: 2px;
   top: 0;

}

  1. cont .hotnews dd a em {
   display: block;
   height: 19px;
   font-size: 11px;
   color: #848484;

}

  1. cont .hotnews dd a:hover { color: #b30b0d }
  2. cont h2 {
   height: 44px;
   line-height: 44px;
   margin-bottom: 20px;
   padding-left: 15px;
   font-size: 14px;
   color: #464646;
   background: #e7e7e7;
   border-bottom: 1px solid #c8c8c8;
   font-family: Tahoma,Verdana,Arial;

}

  1. cont h2 span { font-weight: 400 }
  2. cont .shwnews {
   width: 720px;
   margin: 0 auto;
   overflow: hidden;

}

  1. cont .shwnews ul {
   display: block;
   width: 712px;
   padding: 4px 0 0 15px;
   color: #fff;

}

  1. cont .shwnews ul.scnd { display: none }
  2. cont .shwnews .scndDiv { display: none }
  3. cont .shwnews ul li {
   width: 210px;
   height: 220px;
   margin: 0 12px 20px 0;
   padding: 5px;
   background: #fff;
   border: 1px solid #ccc;
   box-shadow: 0 0 5px rgba(0,0,0,0.3);
   float: left;

}

  1. cont .shwnews ul li div {
   width: 210px;
   height: 220px;
   position: relative;

}

  1. cont .shwnews ul li img {
   width: 210px;
   height: 220px;

}

  1. cont .shwnews ul li b {
   width: 198px;
   height: 30px;
   padding: 10px 6px;
   font-size: 14px;
   /* background: url(op5.png) repeat; */
   background-color: #000;
   position: absolute;
   left: 0;
   bottom: 0px;
   z-index: 3;
   font-size: 12pt;
   opacity:0.7;
   height:38px;
   line-height:22px;

}

  1. cont .shwnews ul li a {
   background: url(fix.gif) repeat;
   position: absolute;
   z-index: 4;

}

  1. cont .shwnews ul li a.lnk {
   width: 195px;
   height: 173px;
   padding: 37px 5px 10px 10px;
   line-height: 17px;
   color: #fff;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 4;
   transition: background-color .2s ease-out 0s;

}

  1. cont .shwnews ul li a.lnk strong {
   display: block;
   margin-bottom: 20px;
   line-height: 20px;
   font-size: 18px;

}

  1. cont .shwnews ul li a.lnk span {
   display: none;
   width: 195px;
   height: 173px;
   line-height: 18px;

}

  1. cont .shwnews ul li a.tit {
   height: 18px;
   line-height: 20px;
   padding: 0 8px;
   color: #fff;
   font-size: 12px;
   font-weight: 700;
   right: 0;
   top: 0;
   z-index: 5;

}

  1. cont .shwnews ul li.one a.tit { background: #9e1d0a }
  2. cont .shwnews ul li.two a.tit { background: #264ea0 }
  3. cont .shwnews ul li.thr a.tit { background: #1877b6 }
  4. cont .shwnews ul li.fou a.tit { background: #d50000 }
  5. cont .shwnews ul li.fiv a.tit { background: #137f39 }
  6. cont .shwnews ul li.six a.tit { background: #c1570a }
  7. cont .shwnews ul li.svn a.tit { background: #741784 }
  8. cont .shwnews ul li.one a.lnk:hover { background: #9e1d0a }
  9. cont .shwnews ul li.two a.lnk:hover { background: #264ea0 }
  10. cont .shwnews ul li.thr a.lnk:hover { background: #1877b6 }
  11. cont .shwnews ul li.fou a.lnk:hover { background: #d50000 }
  12. cont .shwnews ul li.fiv a.lnk:hover { background: #137f39 }
  13. cont .shwnews ul li.six a.lnk:hover { background: #c1570a }
  14. cont .shwnews ul li.svn a.lnk:hover { background: #741784 }
  15. cont .shwnews ul li a.lnk:hover span { display: block }
  16. cont .shwnews .more {
   width: 700px;
   height: 1px;
   margin: 16px 0 36px 0;
   background: #ededed;
   position: relative;

}

  1. cont .shwnews .more span {
   width: 120px;
   height: 33px;
   line-height: 33px;
   padding-left: 37px;
   color: #666;
   font-size: 12px;
   background: #ebeaea;
   border-radius: 10px;
   cursor: pointer;
   position: absolute;
   left: 271px;
   top: -16px;
   z-index: 3;

}

  1. cont .shwnews .more span:hover {
   color: #333;
   background: #e2e2e2;

}

  1. cont .shwnews .more span i {
   width: 14px;
   height: 8px;
   background: url(site.png) -209px -120px no-repeat;
   position: absolute;
   left: 13px;
   top: 13px;
   z-index: 3;

}

  1. cont .shwnews .bnws {
   width: 678px;
   height: 240px;
   margin: 0 auto 20px auto;
   padding: 5px;
   background: #fff;
   border: 1px solid #ccc;
   box-shadow: 0 0 5px rgba(0,0,0,0.3);

}

  1. cont .shwnews .bnws .pht {
   width: 360px;
   height: 240px;
   position: relative;
   float: left;

}

  1. cont .shwnews .bnws .pht img {
   width: 360px;
   height: 240px;

}

  1. cont .shwnews .bnws .pht span { display: block }
  2. cont .shwnews .bnws .pht b {
   height: 18px;
   line-height: 20px;
   padding: 0 8px;
   color: #fff;
   font-size: 12px;
   font-weight: 700;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 5;

}

  1. cont .shwnews .bnws .lst {
   width: 318px;
   height: 240px;
   background: #fff;
   float: left;

}

  1. cont .shwnews .bnws .lst li {
   width: 318px;
   height: 47px;
   color: #606060;
   font-weight: 700;
   font-size: 16px;
   background: #ebebeb;
   border-bottom: 1px dotted #b2b2b2;

}

  1. cont .shwnews .bnws .lst li a {
   display: block;
   height: 32px;
   padding: 13px 10px 0 15px;
   color: #606060;
   position: relative;

}

  1. cont .shwnews .bnws .lst li i {
   width: 0;
   height: 0;
   border-top: 23px solid transparent;
   border-bottom: 23px solid transparent;
   position: absolute;
   left: -15px;
   top: 0;
   z-index: 10;

}

  1. cont .shwnews .bnws .lst li.end {
   border: 0;
   height: 49px;

}

  1. cont .shwnews .bnws .lst li.end a { height: 35px }
  2. cont .shwnews .bnws .lst li.act a { color: #fff }
  3. cont .shwnews .bnws .lst li span { display: none }
  4. cont .shwnews .bnws.one .pht b { background: #9e1d0a }
  5. cont .shwnews .bnws.two .pht b { background: #264ea0 }
  6. cont .shwnews .bnws.thr .pht b { background: #1877b6 }
  7. cont .shwnews .bnws.fou .pht b { background: #d50000 }
  8. cont .shwnews .bnws.fiv .pht b { background: #137f39 }
  9. cont .shwnews .bnws.six .pht b { background: #c1570a }
  10. cont .shwnews .bnws.svn .pht b { background: #741784 }
  11. cont .shwnews .bnws.one .lst li.act a { background: #9e1d0a }
  12. cont .shwnews .bnws.two .lst li.act a { background: #264ea0 }
  13. cont .shwnews .bnws.thr .lst li.act a { background: #1877b6 }
  14. cont .shwnews .bnws.fou .lst li.act a { background: #d50000 }
  15. cont .shwnews .bnws.fiv .lst li.act a { background: #137f39 }
  16. cont .shwnews .bnws.six .lst li.act a { background: #c1570a }
  17. cont .shwnews .bnws.svn .lst li.act a { background: #741784 }
  18. cont .shwnews .bnws.one .lst li.act i { border-right: 15px solid #9e1d0a }
  19. cont .shwnews .bnws.two .lst li.act i { border-right: 15px solid #264ea0 }
  20. cont .shwnews .bnws.thr .lst li.act i { border-right: 15px solid #1877b6 }
  21. cont .shwnews .bnws.fou .lst li.act i { border-right: 15px solid #d50000 }
  22. cont .shwnews .bnws.fiv .lst li.act i { border-right: 15px solid #137f39 }
  23. cont .shwnews .bnws.six .lst li.act i { border-right: 15px solid #c1570a }
  24. cont .shwnews .bnws.svn .lst li.act i { border-right: 15px solid #741784 }
  25. cont .vdoglry {
   width: 720px;
   height: 225px;
   overflow: hidden;

}

  1. cont .vdoglry p {
   width: 700px;
   height: 30px;
   line-height: 30px;
   padding-left: 20px;
   font-weight: 700;
   color: #2c93f2;
   font-size: 16px;
   background: url(vgti.jpg) no-repeat;
   text-shadow: 0 -1px 2px rgba(0,0,0,0.2);

}

  1. cont .vdoglry .slid {
   width: 720px;
   height: 185px;
   padding-top: 10px;
   background: url(vgpt.png) repeat;
   box-shadow: inset 0 3px 3px rgba(0,0,0,0.1);
   overflow: hidden;

}

  1. cont .vdoglry .swrp {
   width: 651px;
   height: 185px;
   margin-left: 35px;
   position: relative;
   overflow: hidden;

}

  1. cont .vdoglry ul { font-weight: 700 }
  2. cont .vdoglry li {
   width: 141px;
   height: 140px;
   margin-right: 29px;
   padding: 10px 0 5px 0;
   text-align: center;
   position: relative;
   float: left;

}

  1. cont .vdoglry li b {
   width: 1px;
   height: 155px;
   background: url(site.png) -224px 0 no-repeat;
   position: absolute;
   right: -15px;
   top: 0;

}

  1. cont .vdoglry li a {
   display: block;
   width: 141px;
   height: 140px;
   color: #4c4c4c;
   position: relative;

}

  1. cont .vdoglry li a:hover { color: #1c77c9 }
  2. cont .vdoglry li i {
   width: 28px;
   height: 28px;
   background: url(site.png) -197px -550px no-repeat;
   position: absolute;
   left: 56px;
   top: 32px;

}

  1. cont .vdoglry li img {
   display: block;
   width: 135px;
   height: 90px;
   padding: 2px;
   margin-bottom: 7px;
   border: 1px solid #fff;

}

  1. cont .vdoglry .sdot {
   position: absolute;
   left: 279px;
   bottom: 7px;

}

  1. cont .vdoglry .sdot a {
   width: 14px;
   height: 14px;
   margin-left: 4px;
   display: inline-block;
   background: url(site.png) -209px -144px no-repeat;

}

  1. cont .vdoglry .sdot a.selected {
   cursor: default;
   background-position: -209px -129px;

}

  1. cont .vdoglry .sdot a span { display: none }
  2. cont .phoglry {
   width: 720px;
   margin-bottom: 20px;
   padding-top: 20px;

}

  1. cont .phoglry .photos {
   width: 700px;
   height: 500px;
   margin: 0 10px 20px 10px;

}

  1. cont .phoglry .caroufredsel_wrapper { box-shadow: 0 0 10px rgba(0,0,0,0.4) }
  2. cont .phoglry .photos p {
   width: 690px;
   height: 383px;
   padding: 5px;
   background: #fff;

}

  1. cont .phoglry .photos a {
   width: 690px;
   height: 383px;
   display: block;
   color: #fff;
   position: relative;

}

  1. cont .phoglry .photos a img {
   width: 690px;
   height: 383px;
   display: block;

}

  1. cont .phoglry .photos a b {
   display: block;
   width: 670px;
   padding: 10px;
   font-weight: 400;
   background: url(op6.png) repeat;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 3;
   font-size: 30px;

}

  1. cont .phoglry .photos a:hover b { display: block }
  2. cont .phoglry .phtnav {
   height: 70px;
   white-space: nowrap;

}

  1. cont .phoglry .phtnav img {
   width: 100px;
   height: 66px;
   padding: 2px;
   margin-right: 10px;
   background: #fff;
   box-shadow: 0 0 7px rgba(0,0,0,0.4);
   cursor: pointer;

}

  1. cont .phoglry .phtnav img.selected { background: #b4272c }
  2. cont .phoglry .phscrol { margin: 0 10px }
  3. cont .phoglry .phscrol .viewport {
   width: 700px;
   height: 70px;
   margin-bottom: 10px;
   overflow: hidden;
   position: relative;

}

  1. cont .phoglry .phscrol .overview {
   white-space: nowrap;
   position: absolute;
   left: 0;
   top: 0;

}

  1. cont .phoglry .phscrol .scrollbar {
   clear: both;
   height: 8px;
   position: relative;

}

  1. cont .phoglry .phscrol .track {
   width: 100%;
   height: 7px;
   background: #ececec;
   border-top: 1px solid #d2d2d2;
   border-radius: 2px;
   box-shadow: inset 0 1px 0 #e3e3e3;
   position: relative;

}

  1. cont .phoglry .phscrol .thumb {
   height: 6px;
   margin-top: -1px;
   background: #f7f7f7;
   border: 1px solid #c9c9c9;
   border-radius: 3px;
   box-shadow: inset 0 1px 0 #fff;
   cursor: pointer;
   position: absolute;
   left: 0;
   top: 0;
   overflow: hidden;

}

  1. cont .phoglry .phscrol .disable { display: none }
  2. feed {
   width: 320px;
   float: left;

}

  1. feed i {
   position: absolute;
   z-index: 4;

}

  1. feed .spc {
   height: 20px;
   background: #f6f6f6;

}

  1. feed .ads300 {
   width: 300px;
   padding: 10px;
   background-color:#f9f9f9;

}

  1. feed .soclink {
   width: 320px;
   height: 25px;
   padding: 5px 0 7px 0;
   background: #484848;
   box-shadow: inset 0 -3px 3px rgba(0,0,0,0.3);
   overflow: hidden;

}

  1. feed .soclink a {
   float: right;
   width: 25px;
   height: 25px;
   margin-right: 5px;
   font-size: 0;
   background: url(site.png) no-repeat;
   overflow: hidden;

}

  1. feed .soclink a.fcb { background-position: -34px -53px }
  2. feed .soclink a.twt { background-position: -60px -53px }
  3. feed .soclink a.pin { background-position: -86px -53px }
  4. feed .soclink a.ffd { background-position: -112px -53px }
  5. feed .soclink a.gop { background-position: -138px -53px }
  6. feed .soclink a.rss { background-position: -164px -53px }
  7. feed .weather {
   width: 320px;
   height: 100px;
   color: #f5f5f5;
   background: #404040;
   overflow: hidden;

}

  1. feed .weather ul {
   width: 320px;
   height: 100px;

}

  1. feed .weather li {
   width: 180px;
   height: 60px;
   padding: 20px 140px 20px 0;
   text-align: right;
   position: relative;

}

  1. feed .weather p {
   color: #bbb;
   padding-bottom: 9px;

}

  1. feed .weather abbr {
   display: block;
   padding-top: 2px;

}

  1. feed .weather img {
   width: 120px;
   height: 80px;
   position: absolute;
   right: 10px;
   top: 10px;

}

  1. feed h3 {
   width: 310px;
   height: 30px;
   padding: 40px 0 0 10px;
   font-size: 14px;
   color: #f3f3f3;
   background: #404040;
   text-shadow: 0 0 4px #000;
   box-shadow: inset 0 3px 3px rgba(0,0,0,0.3);

}

  1. feed .news {
   border-top: 1px solid #fff;
   border-bottom: 1px solid #f9f9f9;

}

  1. feed .news dt {
   font-weight: 700;
   line-height: 18px;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #f9f9f9;

}

  1. feed .news dt a {
   display: block;
   width: 290px;
   height: auto;
   padding: 25px 15px 15px 15px;
   color: #606060;
   position: relative;
   transition: background-color .3s ease-out 0s;
   font-size: 15px;

}

  1. feed .news dt a span {
   width: 280px;
   height: 16px;
   line-height: 16px;
   padding: 0 5px;
   font-weight: 400;
   font-size: 11px;
   color: #3e3e3e;
   background: url(op7b.png) repeat;
   position: absolute;
   left: 15px;
   top: 25px;
   z-index: 3;

}

  1. feed .news dt a i {
   width: 20px;
   height: 20px;
   background: url(site.png) no-repeat;
   left: 280px;
   top: 193px;

}

  1. feed .news dt a i.vdo { background-position: -134px -158px }
  2. feed .news dt a i.fto { background-position: -155px -158px }
  3. feed .news dt a img {
   display: block;
   width: 290px;
   height: 193px;
   margin-bottom: 7px;
   box-shadow: 0 -4px 8px rgba(0,0,0,0.4);

}

  1. feed .news dt a:hover { background: #eee; }
  2. feed .news dd {
   width: auto;
   height: auto;
   font-weight: 700;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #ccc;
   background-color:#f9f9f9;

}

  1. feed .news dd a em {
   font-size: 11px;
   font-weight: normal;
   text-decoration: none;

}

  1. feed .news dd a {
   display: block;
   width: 200px;
   height: 57px;
   padding: 15px 13px 15px 107px;
   color: #606060;
   position: relative;
   transition: background-color .3s ease-out 0s;
   font-size: 17px;

}

  1. feed .news dd.noImage a {
   display: block;
   width: 300px;
   height: auto;
   padding: 15px 13px 15px 17px;
   color: #606060;
   position: relative;
   transition: background-color .3s ease-out 0s;
   font-size: 17px;

}

  1. feed .news dd a i {
   width: 10px;
   height: 10px;
   background: url(site.png) no-repeat;
   left: 85px;
   top: 58px;

}

  1. feed .news dd a i.vdo { background-position: -176px -158px }
  2. feed .news dd a i.fto { background-position: -187px -158px }
  3. feed .news dd a img {
   width: 82px;
   height: 55px;
   border: 1px solid #ccc;
   position: absolute;
   left: 15px;
   top: 15px;

}

  1. feed .news dd a span {
   display: block;
   height: 20px;
   font-weight: 400;
   font-size: 12px;
   color: #828282;

}

  1. feed .news dd a:hover { background: #eee; }
  2. feed .author {
   width: 290px;
   margin: 0;
   padding: 15px;
   background: #f9f9f9;
   border-top: 2px solid #1d1d1d;
   border-bottom: 1px solid #333;

}

  1. feed .author p {
   padding: 0 0 10px 5px;
   color: #606060;
   font-weight: 700;
   font-size: 16px;

}

  1. feed .author .box {
   width: 268px;
   margin-bottom: 8px;
   padding: 10px;
   background: #f9f9f9;
   border: 1px solid #eee;
   /*box-shadow: 0 0 20px rgba(0,0,0,0.7);*/
   position: relative;

}

  1. feed .author .box li {
   width: 55px;
   height: 55px;
   margin: 5px;
   border: 1px solid #999;
   float: left;

}

  1. feed .author .box li.act { border: 1px solid #d10000 }
  2. feed .author .box li b { display: none }
  3. feed .author .box li small { display: none }
  4. feed .author .box i {
   width: 25px;
   height: 14px;
   background: url(site.png) -83px -716px no-repeat;
   position: absolute;
   right: 50px;
   bottom: -13px;
   z-index: 2;

}

  1. feed .author .txt {
   padding-left: 5px;
   color: #606060;

}

  1. feed .author a {
   color:#606060!important;

}

  1. feed .author .txt small {
   display: block;
   padding-bottom: 2px;
   font-size: 13px;

}

  1. feed .scores {
   padding: 15px 14px;
   background: #4d4d4d;
   border-top: 1px solid #666;

}

  1. feed .scores ol {
   height: 24px;
   font-size: 11px;
   font-weight: 700;
   background: #3c3c3c;
   border-bottom: 1px solid #2d2f2f;

}

  1. feed .scores ol li {
   height: 24px;
   line-height: 22px;
   margin: 0 4px 0 8px;
   cursor: pointer;
   float: left;

}

  1. feed .scores ol li a {
   display: block;
   color: #e2e2e2;

}

  1. feed .scores ol li.act a { color: #f6f171 }
  2. feed .scores .nav {
   height: 21px;
   font-size: 12px;
   font-weight: 700;
   background: 0;
   border: 0;

}

  1. feed .scores .nav li {
   height: 20px;
   line-height: 21px;
   margin: 0;
   padding: 0 10px;
   background: #666;
   border: 1px solid #2d2f2f;
   border-bottom: 0;
   position: relative;

}

  1. feed .scores .nav li.act { background: #3c3c3c }
  2. feed .scores .nav li.act i {
   width: 100%;
   height: 1px;
   background: #3c3c3c;
   position: absolute;
   left: 0;
   bottom: -1px;

}

  1. feed .scores .tabs, #feed .scores .tab { display: none }
  2. feed .scores .tabs {
   background: #1d1e1e;
   border: 1px solid #2d2f2f;
   box-shadow: 0 0 20px rgba(0,0,0,0.7);

}

  1. feed .league {
   width: 290px;
   overflow: hidden;

}

  1. feed .league .bar {
   width: 290px;
   height: 22px;
   line-height: 22px;
   text-align: center;
   position: relative;

}

  1. feed .league .bar b {
   width: 20px;
   height: 22px;
   color: #fff;
   font-size: 12px;
   position: absolute;
   top: 0;

}

  1. feed .league .bar b.one {
   width: auto;
   left: 10px;
   letter-spacing: 1px;

}

  1. feed .league .bar b.two { right: 135px }
  2. feed .league .bar b.thr { right: 105px }
  3. feed .league .bar b.fou { right: 75px }
  4. feed .league .bar b.fiv { right: 45px }
  5. feed .league .bar b.six { right: 15px }
  6. feed .league ul {
   width: 270px;
   padding: 0 10px;
   color: #fff;
   font-size: 12px;
   font-family: Tahoma,Arial;
   overflow: hidden;

}

  1. feed .league ul li {
   width: 270px;
   height: 22px;
   line-height: 22px;
   border-bottom: 1px solid #4d4d4d;
   position: relative;

}

  1. feed .league ul li.end { border: 0 }
  2. feed .league ul li.sam { color: #71c2f6 }
  3. feed .league ul li.avr { color: #f6c571 }
  4. feed .league ul li.off { color: #fe8080 }
  5. feed .league ul li span {
   width: 20px;
   height: 22px;
   text-align: center;
   position: absolute;
   top: 0;

}

  1. feed .league ul li span.one { right: 125px }
  2. feed .league ul li span.two { right: 95px }
  3. feed .league ul li span.thr { right: 65px }
  4. feed .league ul li span.fou { right: 35px }
  5. feed .league ul li span.fiv { right: 5px }
  6. feed .fixtur {
   width: 290px;
   overflow: hidden;

}

  1. feed .fixtur dl {
   font-size: 12px;
   line-height: 22px;

}

  1. feed .fixtur dt {
   height: 22px;
   color: #999;
   text-align: center;
   font-weight: 700;
   font-style: italic;
   background: #0e0e0e;
   border-top: 1px solid #363636;

}

  1. feed .fixtur dd {
   height: 22px;
   color: #fff;
   border-top: 1px solid #363636;

}

  1. feed .fixtur dd span {
   width: 118px;
   float: left;
   overflow: hidden;

}

  1. feed .fixtur dd span.one { text-align: right }
  2. feed .fixtur dd span.two {
   width: 54px;
   color: #fe8080;
   font-weight: 700;
   text-align: center;

}

  1. feed .fixtur dd span.thr { text-align: left }
  2. footer {
   width: 1170px;
   height: 450px;
   margin: 0 auto;
   padding-top: 15px;
   color: #666;
   position: relative;

}

  1. footer .shdw {
   width: 1170px;
   height: 25px;
   background: url(sh1dw.png) 0 -25px no-repeat;
   position: absolute;
   left: 0;
   top: -25px;

}

  1. footer .util {
   width: 1110px;
   height: 140px;
   margin: 0 auto;
   text-align: center;
   font-weight: 700;
   white-space: nowrap;

}

  1. footer .util a {
   min-width: 72px;
   margin: 0 25px;
   padding-top: 92px;
   color: #8f8f8f;
   position: relative;
   float: left;

}

  1. footer .util a:hover { color: #000 }
  2. footer .util a i {
   width: 70px;
   height: 77px;
   margin-left: -35px;
   background: url(site.png) no-repeat;
   opacity: .5;
   position: absolute;
   left: 50%;
   top: 0;

}

  1. footer .util a:hover i { opacity: 1 }
  2. footer .util a.one i { background-position: 0 -184px }
  3. footer .util a.two i { background-position: -70px -184px }
  4. footer .util a.thr i { background-position: -140px -184px }
  5. footer .util a.fou i { background-position: 0 -261px }
  6. footer .util a.fiv i { background-position: -70px -261px }
  7. footer .util a.six i { background-position: -140px -261px }
  8. footer .util a.svn i { background-position: 0 -338px }
  9. footer .util a.eig i { background-image: url(face.png) }
  10. footer .util a.nin i { background-image: url(twit.png) }
  11. footer .menu {
   width: 100%;
   height: 195px;
   padding-top: 20px;
   background: url(foot.png) repeat;
   position: relative;

}

  1. footer .menu dl {
   width: 200px;
   height: 210px;
   padding-left: 30px;
   border-left: 1px dashed #d1d1d1;
   float: left;

}

  1. footer .menu dt {
   height: 30px;
   font-size: 14px;
   font-weight: 700;
   color: #4d4d4d;

}

  1. footer .menu dd {
   font-size: 12px;
   line-height: 20px;

}

  1. footer .menu dd a { color: #666 }
  2. footer .menu dd a:hover { color: #000 }
  3. footer .menu dl.ctg { border: 0 }
  4. footer .menu dl.ctg dd {
   width: 100px;
   float: left;

}

  1. footer p {
   padding-top: 15px;
   line-height: 18px;
   text-align: center;
   font-size: 11px;

}

  1. footer p a { color: #666 }
  2. wraper.thr #cont .shwnews li a.tit { background: #1877b6 }
  3. wraper.thr #cont .shwnews li a.lnk:hover { background: #1877b6 }
  4. wraper.thr #cont .vdoglry li a:hover { color: #089496 }
  5. wraper.thr #cont .phoglry .phtnav img.selected { background: #1877b6 }
  6. wraper.thr #cont .sldare { box-shadow: none }
  7. wraper.thr #cont .sldare em { top: -70px }
  8. wraper.thr #cont .sldare .sldtx .snav div.selected a {
   background: #1877b6;
   color: #fff;

}

  1. wraper.thr #cont .curr {
   height: 70px;
   background: #1876B4;
   box-shadow: 0 -2px 4px rgba(0,0,0,0.2);

}

  1. wraper.thr #cont .curr ul {
   color: #e4e4e4;
   font-size: 14px;
   font-weight: 700;

}

  1. wraper.thr #cont .curr li {
   width: 125px;
   height: 55px;
   padding: 15px 0 0 50px;
   border-right: 1px solid #125D8E;
   border-left: 1px solid #4892C3;
   position: relative;
   float: left;

}

  1. wraper.thr #cont .curr li:last-child { border-right: 0 }
  2. wraper.thr #cont .curr h4 { font-size: 20px }
  3. wraper.thr #cont .curr h4 a { color: #e4e4e4 }
  4. wraper.thr #cont .curr i {
   width: 32px;
   height: 32px;
   background: url(site.png) no-repeat;
   position: absolute;
   left: 10px;
   top: 20px;

}

  1. wraper.thr #cont .curr i.mkb {
   width: 25px;
   height: 25px;
   background-position: -44px -622px;
   left: 13px;
   top: 23px;

}

  1. wraper.thr #cont .curr i.eur { background-position: -70px -622px }
  2. wraper.thr #cont .curr i.usd { background-position: -103px -622px }
  3. wraper.thr #cont .curr i.gld { background-position: -136px -622px }
  4. wraper.fiv #side .spc { display: none }
  5. wraper.fiv #feed .spc { display: none }
  6. wraper.fiv #cont .shwnews li a.tit { background: #137f39 }
  7. wraper.fiv #cont .shwnews li a.lnk:hover { background: #137f39 }
  8. wraper.fiv #cont .vdoglry li a:hover { color: #1e9209 }
  9. wraper.fiv #cont .phoglry .phtnav img.selected { background: #137f39 }
  10. wraper.fiv #cont .sldare .sldtx .snav div a:hover {
   background: #137f39;
   color: #fff;

}

  1. wraper.fiv #cont .sldare .sldtx .snav div.selected a {
   background: #137f39;
   color: #fff;

}

  1. wraper.fiv #cont .sldare { box-shadow: none }
  2. wraper.fiv #cont .sldare em { display: none }
  3. wraper.fiv .smnu {
   height: 30px;
   line-height: 30px;
   font-size: 13px;
   font-weight: 700;
   font-family: Verdana,Tahoma,Arial;
   background: #1d9008;

}

  1. wraper.fiv .smnu a { color: #fff }
  2. wraper.fiv .smnu a:hover { color: #0d5300 }
  3. wraper.fiv .smnu li {
   padding: 0 20px;
   border-right: 1px solid #1f9907;
   border-left: 1px solid #1a8207;
   float: left;

}

  1. wraper.fiv .smnu li:first-child {
   width: 88px;
   border-left: 0;
   text-align: center;

}

  1. wraper.fiv .smnu li:last-child { box-shadow: 1px 0 0 #1a8207 }
  2. wraper.six #cont .shwnews li a.tit { background: #c1570a }
  3. wraper.six #cont .shwnews li a.lnk:hover { background: #c1570a }
  4. wraper.six #cont .hotnews dt a span { background: #c1570a }
  5. wraper.six #cont .hotnews dd a:hover { color: #ba7e0b }
  6. wraper.six #cont .vdoglry li a:hover { color: #ba7e0b }
  7. wraper.six #cont .phoglry .phtnav img.selected { background: #c1570a }
  8. wraper.svn #cont .shwnews li a.tit { background: #741784 }
  9. wraper.svn #cont .shwnews li a.lnk:hover { background: #741784 }
  10. wraper.svn #cont .vdoglry li a:hover { color: #95088b }
  11. wraper.svn #cont .phoglry .phtnav img.selected { background: #741784 }
  12. wraper.svn #cont .sldare .sldtx .snav div a:hover {
   background: #741784;
   color: #fff;

}

  1. wraper.svn #cont .sldare .sldtx .snav div.selected a {
   background: #741784;
   color: #fff;

}

  1. wraper.one #cont .sldare .sldtx .snav div.selected a {
   background: #9e1d0a;
   color: #fff;

}

  1. detail {
   width: 980px;
   height: auto;
   margin: 0 auto;
   background: url(zro.jpg) repeat-y;
   position: relative;

}

  1. detail.one .head .bar p { background: #d30c0c }
  2. detail.two .head .bar p { background: #264ea0 }
  3. detail.thr .head .bar p { background: #1877b6 }
  4. detail.fou .head .bar p { background: #d50000 }
  5. detail.fiv .head .bar p { background: #3bac1d }
  6. detail.six .head .bar p { background: #c1570a }
  7. detail.svn .head .bar p { background: #741784 }
  8. detail.nin .head { height: 180px }
  9. detail.nin .head .topnws { margin-bottom: 60px }
  10. detail.nin .head h2 { font-size: 24px }
  11. detail.eig h2 {
   width: 610px;
   font-size: 24px;
   color: #666;
   margin-bottom: 10px;
   padding-bottom: 5px;
   border-bottom: 1px dotted #ddd;

}

  1. detail .sbar {
   width: 40px;
   float: left;

}

  1. detail .sbar span {
   display: block;
   padding: 7px 0 7px 5px;
   border-top: 1px solid #e1e1e3;
   border-bottom: 1px solid #babcbf;

}

  1. detail .sbar span a {
   display: block;
   width: 29px;
   height: 29px;
   font-size: 0;
   text-indent: -9999px;
   background: url(site.png) no-repeat;

}

  1. detail .sbar span a.fc { background-position: -100px -388px }
  2. detail .sbar span a.tw { background-position: -70px -388px }
  3. detail .sbar span a.gp { background-position: -129px -388px }
  4. detail .sbar span.cou {
   display: block;
   padding: 12px 0;

}

  1. detail .sbar span.cou i {
   display: block;
   width: 20px;
   height: 20px;
   margin: 0 auto 10px auto;
   background: url(site.png) -195px -602px no-repeat;
   cursor: pointer;

}

  1. detail .sbar span.cou abbr {
   display: block;
   width: 24px;
   height: 20px;
   line-height: 20px;
   margin: 0 auto;
   font-weight: 700;
   font-size: 11px;
   color: #fff;
   text-shadow: 1px 1px 0 #999;
   text-align: center;
   background: #c7c7c7;
   position: relative;
   cursor: pointer;

}

  1. detail .sbar span.cou abbr b {
   width: 8px;
   height: 5px;
   background: url(site.png) -216px -602px no-repeat;
   position: absolute;
   left: 8px;
   top: -5px;

}

  1. detail .page {
   width: 920px;
   padding: 10px;
   float: left;

}

  1. detail .head {
   width: 920px;
   margin-bottom: 20px;

}

  1. detail .head .topnws {
   width: 832px;
   height: 75px;
   margin-bottom: 15px;
   padding: 5px 78px 5px 10px;
   background: url(rptx.png) 0 -560px repeat-x;
   overflow: hidden;

}

  1. detail .head .topnws ul {
   width: 873px;
   display: block;
   margin-left: -41px;

}

  1. detail .head .topnws li {
   width: 250px;
   height: 75px;
   margin-left: 41px;
   position: relative;
   float: left;

}

  1. detail .head .topnws li a {
   display: block;
   width: 155px;
   height: 75px;
   padding-left: 95px;
   position: relative;

}

  1. detail .head .topnws li img {
   width: 75px;
   height: 65px;
   padding: 4px;
   background: #fff;
   border: 1px solid #c2c0c0;
   position: absolute;
   left: 0;
   top: 0;

}

  1. detail .head .topnws li strong {
   display: block;
   line-height: 20px;
   margin-bottom: 12px;
   padding-top: 14px;
   font-weight: 700;
   font-size: 17px;
   color: #0d8cdf;

}

  1. detail .head .topnws li i { color: #8b8b8b }
  2. detail .head .topnws li span {
   color: #0d8cdf;
   font-weight: 700;

}

  1. detail .head .topnws li a:hover strong { text-decoration: underline }
  2. detail .head .topnws li b {
   width: 1px;
   height: 75px;
   background: url(site.png) -224px -158px no-repeat;
   position: absolute;
   left: -21px;
   top: 0;

}

  1. detail .head h2 {
   margin-bottom: 10px;
   color: #646464;
   font-size: 30px;
   letter-spacing: 1px;

}

  1. detail .head h1 {
   margin-bottom: 10px;
   color: #646464;
   font-size: 30px;
   letter-spacing: 1px;

}

  1. detail .head h2.gal{ text-align: center;color: #0d8cdf;}
  2. detail .head h2.one { color: #b53232 }
  3. detail .head h2.two { color: #2e6fac }
  4. detail .head .bar {
   height: 23px;
   line-height: 23px;
   padding: 3px;
   border: 1px solid #e6e6e6;
   border-radius: 4px;
   position: relative;

}

  1. detail .head .bar p {
   height: 23px;
   padding: 0 10px;
   font-weight: 700;
   color: #fff;
   float: left;

}

  1. detail .head .bar small {
   float: left;
   margin: 0 25px 0 15px;
   padding-right: 20px;
   font-size: 11px;
   color: #646464;
   border-right: 1px solid #d0d0d0;

}

  1. detail .head .bar .soc { float: left }
  2. detail .head .bar .soc div {
   float: left;
   min-width: 50px;
   margin-right: 10px;

}

  1. detail .head .bar .soc span {
   display: block;
   height: 19px;
   line-height: 19px;
   margin: 1px 0 0 27px;
   padding: 0 5px;
   font-weight: 700;
   font-size: 11px;
   color: #30586b;
   background: #edecf5;
   border: 1px solid #c9d4e7;
   border-radius: 2px;
   cursor: pointer;
   position: relative;

}

  1. detail .head .bar .soc span i {
   width: 21px;
   height: 18px;
   background: url(site.png) -176px -388px no-repeat;
   position: absolute;
   left: -27px;
   top: 1px;
   z-index: 2;

}

  1. detail .cont {
   width: 610px;
   padding-bottom: 10px;
   float: left;

}

  1. detail .cont .nws {
   line-height: 20px;
   margin-bottom: 20px;
   font-size: 14px;

}

  1. detail .cont .nws img { max-width: 600px }
  2. detail .cont .lft {
   width: 260px;
   margin: 0 10px 5px 0;
   padding-top: 200px;
   position: relative;
   float: left;

}

  1. detail .cont .lft .pht {
   width: 250px;
   height: 167px;
   padding: 4px;
   background: #fff;
   border: 1px solid #e1e1e1;
   cursor: pointer;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 10;

}

  1. detail .cont .lft .pht img {
   display: block;
   width: 100%;
   height: 100%;

}

.hbraltglr {

   width: 590px;
   height: 328px;
   padding: 4px;
   background: #fff;
   border: 1px solid #e1e1e1;
   cursor: pointer;
   position: relative;
   z-index: 10;
   margin-top: 10px;

} .hbraltglr span {

   width: 570px;
   padding: 10px 10px;
   margin-left: 4px;
   margin-bottom: 4px;
   background: #000;opacity: 0.8;color: white;font-size: 24px;font-weight: 700;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 10;

} .hbraltglr img {

   display: block;
   width: 100%;
   height: 100%;

} .hbraltglrtxt { font-size: 16px;font-weight: 700;color: maroon; }

  1. detail .cont .lft .pht i {
   width: 22px;
   height: 22px;
   font-size: 0;
   text-indent: -9999px;
   background: url(site.png) -198px -158px no-repeat;
   position: absolute;
   right: 4px;
   bottom: 4px;
   z-index: 5;

}

  1. detail .cont .lft .pht i.cls { background-position: -60px -716px }
  2. detail .cont .lft .pht span {
   display: none;
   /*width: 320px;*/
   padding: 10px;
   color: #fff;
   font-size: 11px;
   font-weight: 700;
   background: url(op7.png) repeat;
   position: absolute;
   left: 4px;
   bottom: 4px;
   z-index: 5;

}

  1. detail .cont .lft dl {
   width: 240px;
   padding: 0 5px 0 15px;
   line-height: normal;
   font-weight: 700;

}

  1. detail .cont .lft dt { color: #717171; font-size: 14px; }
  2. detail .cont .lft dd {
   width: 240px;
   padding: 12px 0;
   color: #3d3d3d;
   border-bottom: 1px dotted #d3d3d3;

}

  1. detail .cont .lft dd.end { border: 0 }
  2. detail .cont .lft dd a {
   display: block;
   width: 230px;
   color: #3f73ae;
   position: relative;
   font-size: 14px;

}

  1. detail .cont .lft dd a:hover {
   color: #3f73ae;
   text-decoration: underline;

}

  1. detail .cont .lft dd a i {
   width: 4px;
   height: 4px;
   background: #727272;
   border-radius: 2px;
   position: absolute;
   left: -11px;
   top: 5px;
   z-index: 2;

}

  1. detail .cont .tag { padding: 30px 0 15px 0 }
  2. detail .cont .tag a {
   color: #4aa9e7;
   line-height: 20px;

}

  1. detail .cont .tag a:hover { text-decoration: underline }
  2. detail .cont .tag b {
   display: block;
   color: #717171;
   font-weight: 700;
   margin: 0 0 2px 4px;

}

  1. detail .cont .tag span {
   display: block;
   padding: 2px 10px;
   color: #4aa9e7;
   border: 1px solid #e6e6e6;
   border-radius: 4px;

}

  1. detail .cont .soc {
   height: 23px;
   line-height: 23px;
   margin-bottom: 15px;
   padding: 3px 10px;
   border: 1px solid #e6e6e6;
   border-radius: 4px;
   position: relative;

}

  1. detail .cont .soc div {
   float: left;
   min-width: 60px;
   margin-right: 15px;

}

  1. detail .cont .soc span {
   display: block;
   height: 19px;
   line-height: 19px;
   margin: 1px 0 0 27px;
   padding: 0 5px;
   font-weight: 700;
   font-size: 11px;
   color: #30586b;
   background: #edecf5;
   border: 1px solid #c9d4e7;
   border-radius: 2px;
   cursor: pointer;
   position: relative;

}

  1. detail .cont .soc span i {
   width: 21px;
   height: 18px;
   background: url(site.png) -176px -388px no-repeat;
   position: absolute;
   left: -27px;
   top: 1px;
   z-index: 2;

}

  1. detail .cont .cmnt-wrt { margin: 25px 0 }
  2. detail .cont .cmnt-wrt label {
   display: block;
   margin-bottom: 4px;
   font-size: 12px;
   color: #000;

}

  1. detail .cont .cmnt-wrt textarea {
   display: block;
   width: 600px;
   height: 20px;
   margin-bottom: 5px;
   padding: 4px;
   color: #333;
   border: 1px solid #333;

}

  1. detail .cont .cmnt-wrt textarea:focus { height: 50px }
  2. detail .cont .cmnt-wrt input {
   float: right;
   padding: 4px;
   background: #949494;
   font-size: 12px;
   color: #fff;
   border-radius: 4px;
   cursor: pointer;

}

  1. detail .cont .cmnt-rea { margin-bottom: 25px }
  2. detail .cont .cmnt-rea strong {
   display: block;
   margin-bottom: 20px;
   color: #ab0101;

}

  1. detail .cont .cmnt-rea .rows {
   margin-bottom: 15px;
   line-height: normal;
   font-size: 11px;
   font-family: Verdana,Tahoma,Arial;

}

  1. detail .cont .cmnt-rea .txt {
   margin-bottom: 10px;
   padding: 10px 20px;
   background: #fbfbfb;
   border: 1px solid #ddd;
   position: relative;

}

  1. detail .cont .cmnt-rea .txt i {
   width: 24px;
   height: 23px;
   background: url(site.png) -170px -588px no-repeat;
   position: absolute;
   left: 0;
   bottom: -23px;
   z-index: 2;

}

  1. detail .cont .cmnt-rea .inf {
   padding: 1px 7px 1px 60px;
   position: relative;

}

  1. detail .cont .cmnt-rea .inf i {
   width: 17px;
   height: 15px;
   background: url(site.png) -176px -169px no-repeat;
   position: absolute;
   left: 35px;
   top: 0;
   z-index: 2;

}

  1. detail .cont .cmnt-rea .inf span { color: #004176 }
  2. detail .cont .cmnt-rea .btn {
   height: 32px;
   position: relative;

}

  1. detail .cont .cmnt-rea .btn span {
   position: absolute;
   right: 0;
   top: 0;

}

  1. detail .cont .cmnt-rea .btn a {
   float: left;
   height: 22px;
   line-height: 22px;
   margin-left: 44px;
   padding: 0 7px;
   color: #858585;
   border: 1px solid #ddd;
   border-radius: 2px;
   position: relative;

}

  1. detail .cont .cmnt-rea .btn a i {
   width: 28px;
   height: 24px;
   background: url(site.png) no-repeat;
   position: absolute;
   left: -31px;
   top: -1px;
   z-index: 2;

}

  1. detail .cont .cmnt-rea .btn a.one i { background-position: -197px -338px }
  2. detail .cont .cmnt-rea .btn a.two i { background-position: -197px -363px }
  3. detail .cont .cmnt-rea .btn a.thr i { background-position: -197px -388px }
  4. detail .cont .cmnt-rea .rply {
   padding-left: 60px;
   margin-bottom: 7px;

}

  1. detail .cont .cmnt-rea .rply .txt { background: #e5e5e5 }
  2. detail .cont .cmnt-rea .rply .btn { height: 30px }
  3. detail .cont .cmnt-rea .more {
   width: 610px;
   height: 1px;
   margin: 25px 0 36px 0;
   background: #ededed;
   position: relative;

}

  1. detail .cont .cmnt-rea .more a {
   width: 120px;
   height: 28px;
   line-height: 28px;
   color: #a9a9a9;
   font-weight: 700;
   text-align: center;
   background: #fff;
   border: 1px solid #e6e6e6;
   border-radius: 8px;
   position: absolute;
   left: 245px;
   top: -15px;
   z-index: 3;

}

  1. detail .cont .othnws {
   line-height: normal;
   position: relative;

}

  1. detail .cont .othnws p {
   height: 23px;
   margin-bottom: 20px;
   padding-left: 10px;
   color: #0d8cdf;
   font-weight: 700;
   border-bottom: 1px solid #ddd;

}

  1. detail .cont .othnws ul { margin-left: -15px }
  2. detail .cont .othnws li {
   width: 290px;
   height: 79px;
   margin: 0 0 20px 20px;
   border-bottom: 1px solid #ddd;
   float: left;

}

  1. detail .cont .othnws li a {
   display: block;
   width: 200px;
   height: 80px;
   padding-left: 90px;
   position: relative;

}

  1. detail .cont .othnws li img {
   width: 80px;
   height: 53px;
   position: absolute;
   left: 0;
   top: 0;

}

  1. detail .cont .othnws li strong {
   display: block;
   line-height: 18px;
   margin-bottom: 15px;
   font-size: 14px;
   font-weight: 700;
   color: #000;

}

  1. detail .cont .othnws li b {
   font-weight: 700;
   color: #0d8cdf;

}

  1. detail .cont .othnws li i {
   color: #898989;
   font-size: 12px;

}

  1. detail .cont .othnws li a:hover strong {
   color: #666;
   text-decoration: underline;

}

  1. detail .cont .othnws .end {
   width: 610px;
   height: 22px;
   background: #fff;
   position: absolute;
   left: 0;
   bottom: 0;

}

  1. detail .cont h3 {
   height: 30px;
   line-height: 30px;
   margin-bottom: 25px;
   padding-left: 15px;
   color: #b53232;
   font-size: 24px;
   border: 1px solid #e6e6e6;
   border-radius: 4px;

}

  1. detail .cont .author ul { margin-left: -15px }
  2. detail .cont .author li {
   width: 290px;
   height: 126px;
   margin: 0 0 40px 20px;
   float: left;

}

  1. detail .cont .author li a {
   display: block;
   width: 170px;
   height: 124px;
   padding: 2px 0 0 120px;
   color: #5f5f5f;
   position: relative;

}

  1. detail .cont .author li span {
   width: 106px;
   height: 126px;
   position: absolute;
   left: 0;
   top: 0;

}

  1. detail .cont .author li span img {
   display: block;
   width: 100px;
   height: 100px;
   border: 3px solid #e2e2e2;

}

  1. detail .cont .author li span i {
   display: block;
   width: 106px;
   height: 20px;
   background: url(site.png) 0 -654px no-repeat;

}

  1. detail .cont .author li strong {
   display: block;
   line-height: 18px;
   margin-bottom: 8px;
   font-size: 12px;
   font-weight: 700;
   color: #0d8cdf;

}

  1. detail .cont .author li small {
   display: block;
   font-size: 12px;
   font-weight: 400;
   color: #0d8cdf;

}

  1. detail .cont .author li em {
   display: block;
   margin-bottom: 5px;
   color: #b0b0b0;
   font-size: 11px;

}

  1. detail .cont .allaut ul { margin-left: 10px }
  2. detail .cont .allaut li {
   width: 310px;
   height: 100px;
   margin-bottom: 20px;
   padding: 0 0 30px 275px;
   border-bottom: 1px dotted #ddd;
   position: relative;

}

  1. detail .cont .allaut li span {
   width: 165px;
   height: 65px;
   padding: 15px 0 0 94px;
   border-right: 1px solid #ddd;
   position: absolute;
   left: 0;
   top: 0;

}

  1. detail .cont .allaut li span img {
   width: 75px;
   height: 75px;
   border: 3px solid #e2e2e2;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;

}

  1. detail .cont .allaut li span i {
   width: 81px;
   height: 20px;
   background: url(site.png) -106px -654px no-repeat;
   position: absolute;
   left: 0;
   top: 81px;

}

  1. detail .cont .allaut li span strong {
   display: block;
   margin-bottom: 14px;
   font-size: 14px;
   font-weight: 400;
   color: #1d94e1;

}

  1. detail .cont .allaut li span small {
   font-size: 12px;
   color: #3e3e3e;

}

  1. detail .cont .allaut li div {
   font-size: 12px;
   line-height: 26px;

}

  1. detail .cont .allaut li div a { color: #888 }
  2. detail .cont .allaut li div a:hover { text-decoration: underline }
  3. detail .cont .lftaut {
   width: 210px;
   margin: 0 10px 15px 10px;
   color: #d30c0c;
   float: left;

}

  1. detail .cont .lftaut img {
   display: block;
   width: 194px;
   height: 194px;
   border: 3px solid #e2e2e2;

}

  1. detail .cont .lftaut i {
   display: block;
   width: 200px;
   height: 20px;
   background: url(site.png) 0 -674px no-repeat;

}

  1. detail .cont .lftaut a { color: #d30c0c }
  2. detail .cont .lftaut strong {font-size: 14px; display: block }
  3. detail .cont .lftaut small {
   display: block;
   font-size: 12px;

}

  1. detail .cont .lstatc { margin-bottom: 20px }
  2. detail .cont .lstatc p {
   height: 20px;
   padding-left: 5px;
   color: #ae0000;
   font-weight: 700;
   position: relative;

}

  1. detail .cont .lstatc .box {
   padding: 2px 10px 2px 15px;
   border: 1px solid #e6e6e6;
   border-radius: 4px;

}

  1. detail .cont .lstatc .ul { padding: 10px 5px 10px 10px }
  2. detail .cont .lstatc li {
   padding: 5px;
   color: #747474;
   border-bottom: 1px dotted #ddd;
   position: relative;

}

  1. detail .cont .lstatc li.end { border: 0 }
  2. detail .cont .lstatc li a {
   color: #747474;
   font-size: 12px;

}

  1. detail .cont .lstatc li a:hover { color: #000 }
  2. detail .cont .lstatc li b { font-weight: 700 }
  3. detail .cont .lstatc li i {
   width: 5px;
   height: 9px;
   background: url(site.png) -210px -187px no-repeat;
   position: absolute;
   left: -7px;
   top: 8px;
   z-index: 2;

}

  1. detail .cont .othatc { margin-bottom: 30px }
  2. detail .cont .othatc select {
   width: 610px;
   padding: 4px;
   border: 1px solid #e6e6e6;
   border-radius: 4px;

}

  1. detail .cont .nwslist { padding-bottom: 30px }
  2. detail .cont .nwslist ul {
   color: #555;
   font-size: 12px;

}

  1. detail .cont .nwslist li {
   width: 600px;
   height: 72px;
   padding: 10px 0;
   border-bottom: 1px dotted #ddd;
   position: relative;

}

  1. detail .cont .nwslist li img {
   width: 100px;
   height: 66px;
   margin-right: 10px;
   padding: 2px;
   border: 1px solid #ddd;
   float: left;

}

  1. detail .cont .nwslist li em {
   font-style: normal;
   color: #666;
   font-size: 11px;
   position: absolute;
   right: 2px;
   top: 10px;

}

  1. detail .cont .nwslist li h6 {
   font-size: 16px;
   padding-bottom: 2px;

}

  1. detail .cont .nwslist li h6 a { color: #004176 }
  2. detail .cont .nwslist li p { line-height: 16px }
  3. detail .cont .nwslist li h6 a:hover { color: #ab0101 }
  4. detail .cont .nwslist li span {
   color: #004176;
   position: absolute;
   bottom: 8px;

}

  1. detail .cont .nwslist li span a {
   margin-left: 2px;
   color: #555;

}

  1. detail .cont .nwslist li span a:hover { color: #ab0101 }
  2. detail .cont .nwslast {
   width: 610px;
   padding-bottom: 30px;
   overflow: hidden;

}

  1. detail .cont .nwslast ul {
   width: 620px;
   margin-left: -12px;

}

  1. detail .cont .nwslast li {
   width: 194px;
   height: 220px;
   margin-left: 12px;
   font-size: 12px;
   float: left;

}

  1. detail .cont .nwslast li a {
   display: block;
   width: 194px;
   height: 205px;
   color: #333;
   position: relative;
   overflow: hidden;

}

  1. detail .cont .nwslast li img {
   display: block;
   width: 190px;
   height: 127px;
   margin-bottom: 4px;
   padding: 1px;
   border: 1px solid #c0c0c0;

}

  1. detail .cont .nwslast li em {
   width: 40px;
   height: 22px;
   line-height: 22px;
   font-style: normal;
   color: #e2e2e2;
   font-size: 12px;
   text-align: center;
   background: url(op6.png) repeat;
   position: absolute;
   left: 2px;
   top: 2px;
   z-index: 3;

}

  1. detail .cont .nwslast li strong {
   display: block;
   margin-bottom: 4px;
   font-size: 14px;
   color: #ab0101;

}

  1. detail .cont .nwslast li a:hover { color: #004176 }
  2. detail .cont .nwslast li a:hover strong { text-decoration: none }
  3. detail .side {
   width: 300px;
   margin-left: 10px;
   float: left;

}

  1. detail .side .ads300 {
   width: 300px;
   margin-bottom: 25px;

}

  1. detail .side .author {
   width: 300px;
   margin-bottom: 25px;
   padding-top: 34px;
   position: relative;

}

  1. detail .side .author p {
   width: 290px;
   height: 44px;
   line-height: 44px;
   padding-left: 23px;
   color: #fff;
   font-size: 14px;
   font-weight: 700;
   text-shadow: 1px -1px 0 rgba(0,0,0,0.5);
   background: url(trbn.png) no-repeat;
   position: absolute;
   left: -6px;
   top: 0;

}

  1. detail .side .author .box {
   border: 1px solid #e6e6e6;
   border-radius: 4px;

}

  1. detail .side .author ul { padding: 5px 0 0 5px }
  2. detail .side .author li {
   width: 50px;
   height: 50px;
   margin: 10px;
   border: 1px solid #999;
   float: left;

}

  1. detail .side .author li.act { border: 1px solid #d10000 }
  2. detail .side .author li b { display: none }
  3. detail .side .author li small { display: none }
  4. detail .side .author .lin {
   width: 270px;
   height: 1px;
   margin: 0 auto 14px auto;
   background: #b5b5b5;
   position: relative;

}

  1. detail .side .author .lin i {
   width: 23px;
   height: 13px;
   background: url(site.png) -195px -588px no-repeat;
   position: absolute;
   right: 60px;
   bottom: -12px;
   z-index: 2;

}

  1. detail .side .author .txt { padding: 0 0 10px 15px }
  2. detail .side .author .txt b {
   display: block;
   color: #fb1111;
   padding-bottom: 2px;

}

  1. detail .side .author .txt small {
   font-size: 13px;
   color: #1d1d1d;

}

  1. detail .side .lstnws {
   width: 300px;
   margin-bottom: 25px;
   padding-top: 34px;
   position: relative;

}

  1. detail .side .lstnws p {
   width: 290px;
   height: 44px;
   line-height: 44px;
   padding-left: 23px;
   color: #fff;
   font-size: 14px;
   font-weight: 700;
   text-shadow: 1px -1px 0 rgba(0,0,0,0.5);
   background: url(trbn.png) no-repeat;
   position: absolute;
   left: -6px;
   top: 0;

}

  1. detail .side .lstnws .box {
   border: 1px solid #e6e6e6;
   border-radius: 4px;

}

  1. detail .side .lstnws ul { padding: 10px 5px 10px 10px }
  2. detail .side .lstnws li {
   padding: 7px 5px 7px 40px;
   position: relative;

}

  1. detail .side .lstnws li a {
   color: #003f80;
   font-size: 12px;
   font-weight: 700;

}

  1. detail .side .lstnws li a:hover { color: #000 }
  2. detail .side .lstnws li b {
   font-weight: 700;
   color: #ad0000;
   position: absolute;
   left: 0;
   top: 8px;
   z-index: 2;

}

  1. detail .wbbx {
   width: 918px;
   margin-bottom: 30px;
   color: #7b7b7b;
   background: url(rptx.png) 0 -510px repeat-x;
   border: 1px solid #dad7d7;
   border-radius: 10px;
   position: relative;

}

  1. detail .wbbx small {
   display: block;
   margin-bottom: 12px;
   padding-right: 10px;
   text-align: right;
   font-size: 13px;
   color: #a4a4a4;
   position: absolute;
   right: 10px;
   top: -25px;

}

  1. detail .wbbx ul {
   height: 205px;
   padding: 5px 0;

}

  1. detail .wbbx li {
   width: 211px;
   height: 205px;
   text-align: center;
   border-left: 1px dotted #d4d4d4;
   position: relative;
   float: left;

}

  1. detail .wbbx li i {
   font-size: 12px;
   position: absolute;
   left: 10px;
   top: 5px;

}

  1. detail .wbbx li img {
   display: inline-block;
   width: 170px;
   margin-top: 27px;

}

  1. detail .wbbx li span {
   width: 211px;
   font-weight: 700;
   color: #2e6fac;
   font-size: 15px;
   text-shadow: 1px 1px 7px #fff;
   position: absolute;
   left: 0;
   top: 155px;

}

  1. detail .wbbx li span b {
   display: block;
   font-weight: 700;
   color: #5791c7;

}

  1. detail .wbbx li.tdy {
   width: 282px;
   height: 205px;
   text-align: center;
   border: 0;

}

  1. detail .wbbx li.tdy em {
   font-size: 18px;
   text-shadow: 0 0 4px #fff;
   position: absolute;
   left: 40px;
   bottom: 10px;

}

  1. detail .wbbx li.tdy img {
   display: block;
   width: 170px;
   margin-left: 15px;

}

  1. detail .wbbx li.tdy span {
   width: 70px;
   padding: 0 0 10px 0;
   text-align: right;
   color: #5791c7;
   font-size: 16px;
   left: 185px;

}

  1. detail .wbbx li.tdy span b {
   color: #2e6fac;
   font-size: 21px;
   padding-top: 2px;

}

  1. detail .wbbx li.tdy span.one {
   border-bottom: 1px dotted #d4d4d4;
   top: 65px;

}

  1. detail .wbbx li.tdy span.two { top: 135px }
  2. detail .wbox {
   width: 920px;
   margin-bottom: 30px;
   overflow: hidden;

}

  1. detail .wbox small {
   display: block;
   margin-bottom: 12px;
   padding-right: 10px;
   text-align: right;
   font-size: 13px;
   color: #a4a4a4;

}

  1. detail .wbox ul {
   width: 930px;
   padding-left: 1px;

}

  1. detail .wbox li {
   width: 220px;
   height: 220px;
   margin-right: 12px;
   background: url(rptx.png) 0 -290px repeat-x;
   box-shadow: inset 0 0 0 1px #eeedef;
   border-radius: 10px;
   position: relative;
   float: left;

}

  1. detail .wbox h4 {
   width: 198px;
   height: 34px;
   line-height: 34px;
   margin: 0 auto;
   padding-left: 10px;
   font-size: 20px;
   color: #b53232;
   border-bottom: 1px dotted #d4d4d4;

}

  1. detail .wbox h4 a { color: #b53232 }
  2. detail .wbox .inf {
   width: 210px;
   text-align: right;
   font-size: 14px;
   color: #2e6fac;
   position: absolute;
   right: 10px;
   top: 60px;

}

  1. detail .wbox .inf strong {
   display: block;
   height: 54px;
   font-size: 40px;
   line-height: 32px;
   font-weight: 700;

}

  1. detail .wbox .inf b {
   display: block;
   height: 24px;
   line-height: 16px;
   font-weight: 700;

}

  1. detail .wbox .inf span {
   display: block;
   height: 20px;
   line-height: 14px;

}

  1. detail .wbox .inf img {
   width: 120px;
   height: 100px;
   position: absolute;
   left: 3px;
   top: -10px;
   z-index: 5;

}

  1. detail .wbox .lnk {
   width: 190px;
   height: 22px;
   line-height: 26px;
   padding-left: 30px;
   font-size: 12px;
   color: #9c9c9c;
   background: url(site.png) 0 -694px no-repeat;
   position: absolute;
   left: 0;
   bottom: 10px;

}

  1. detail .wbox .lnk a { color: #9c9c9c }
  2. detail .city h5 {
   margin-bottom: 10px;
   padding-left: 10px;
   font-size: 16px;
   color: #b53232;

}

  1. detail .city .box {
   width: 908px;
   margin-bottom: 10px;
   padding: 10px 5px;
   font-weight: 700px;
   color: #758fa7;
   background: #e8e8e8;
   border: 1px solid #dad7d7;
   border-radius: 10px;
   overflow: hidden;

}

  1. detail .city ul {
   width: 100px;
   border-right: 1px dotted #d4d4d4;
   float: left;

}

  1. detail .city ul li {
   text-align: center;
   border-bottom: 1px dotted #d4d4d4;

}

  1. detail .city li a {
   display: block;
   padding: 4px 0;
   font-weight: 700;
   color: #758fa7;
   line-height: 22px;

}

  1. detail .city li a:hover {
   color: #666;
   background: #f0f0f0;

}

  1. detail .city .end { border: 0 }
  2. detail .fbox {
   width: 920px;
   margin-bottom: 30px;
   overflow: hidden;

}

  1. detail .fbox small {
   display: block;
   margin-bottom: 12px;
   padding-right: 10px;
   text-align: right;
   font-size: 13px;
   color: #a4a4a4;

}

  1. detail .fbox ul {
   width: 930px;
   padding-left: 1px;

}

  1. detail .fbox li {
   width: 220px;
   height: 220px;
   margin-right: 12px;
   background: url(rptx.png) 0 -290px repeat-x;
   box-shadow: inset 0 0 0 1px #eeedef;
   border-radius: 10px;
   position: relative;
   float: left;

}

  1. detail .fbox h4 {
   width: 198px;
   height: 34px;
   line-height: 34px;
   margin: 0 auto;
   padding-left: 10px;
   font-size: 20px;
   color: #b53232;
   border-bottom: 1px dotted #d4d4d4;

}

  1. detail .fbox h4 a { color: #2e6fac }
  2. detail .fbox i {
   width: 70px;
   height: 85px;
   background: url(site.png) no-repeat;
   position: absolute;
   left: 10px;
   top: 75px;

}

  1. detail .fbox i.eur { background-position: 0 -418px }
  2. detail .fbox i.usd { background-position: -70px -418px }
  3. detail .fbox i.mkb {
   width: 95px;
   background-position: 0 -503px;

}

  1. detail .fbox i.gld {
   width: 85px;
   background-position: -140px -418px;

}

  1. detail .fbox span {
   font-weight: 700;
   font-size: 22px;
   color: #2e6fac;
   text-align: right;
   position: absolute;
   right: 20px;
   top: 71px;

}

  1. detail .fbox span b {
   display: block;
   margin-bottom: 20px;
   font-weight: 700;
   font-size: 28px;

}

  1. detail .fbox span.dw { color: #b53232 }
  2. detail .fbox span.up { color: #2fa007 }
  3. detail .flst {
   width: 920px;
   margin-bottom: 30px;
   overflow: hidden;

}

  1. detail .flst h3 {
   margin-bottom: 10px;
   padding-left: 5px;
   color: #b53232;
   font-size: 18px;

}

  1. detail .flst .box {
   width: 870px;
   padding: 23px;
   background: #f0f0f0;
   border: 1px solid #ecebed;
   border-radius: 10px;

} .media { background: #fff } .media ul { padding-left: 6px } .media li {

   width: 165px;
   height: 175px;
   margin: 0 6px;
   position: relative;
   float: left;

} .media a {

   color: #444;
   font-weight: 700;
   font-size: 12px;

} .media i {

   background: url(site.png) no-repeat;
   position: absolute;
   z-index: 4;

} .media i.vdo {

   width: 20px;
   height: 19px;
   background-position: -205px -674px;
   right: 10px;
   top: 80px;

} .media i.fto {

   width: 16px;
   height: 13px;
   background-position: -180px -574px;
   right: 12px;
   top: 83px;

} .media b {

   display: none;
   height: 16px;
   line-height: 18px;
   padding: 0 8px;
   color: #fff;
   font-size: 10px;
   font-weight: 700;
   position: absolute;
   left: 10px;
   top: 10px;
   z-index: 5;

} .media b.one { background: #9e1d0a } .media b.two { background: #264ea0 } .media b.thr { background: #1877b6 } .media b.fou { background: #d50000 } .media b.fiv { background: #137f39 } .media b.six { background: #c1570a } .media b.svn { background: #741784 } .media a:hover b { display: block } .media img {

   display: block;
   width: 155px;
   height: 100px;
   margin-bottom: 9px;
   border: 5px solid #fff;
   box-shadow: 0 4px 4px rgba(0,0,0,0.3);

} .media em {

   display: block;
   padding-top: 1px;
   color: #444;
   font-size: 10px;

} .mmmin {

   background: #fff;
   float: left;

} .mmmin.media ul { padding: 0 } .mmmin.media li {

   float: none;
   height: 155px;
   margin: 0;

} .mmmin.media b { display: block } .mmlst {

   background: #fff;
   padding: 5px 0 50px 0;

} .mmlst h6 {

   height: 30px;
   line-height: 30px;
   margin-bottom: 10px;
   padding-left: 15px;
   color: #b53232;
   font-size: 18px;
   border: 1px solid #e6e6e6;
   border-radius: 4px;

} .mmlst .tsk {

   width: 720px;
   height: 55px;
   padding-top: 25px;
   position: relative;

} .mmlst .tab {

   width: auto;
   height: auto;
   line-height: 25px;
   background: url(rptx.png) 0 -725px repeat-x;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 2;
   overflow: hidden;

} .mmlst .tab a {

   height: 25px;
   padding: 0 20px;
   font-size: 13px;
   color: #8d8d8d;
   border-left: 1px solid #e0e0e0;
   float: left;

} .mmlst .tab a:hover { color: #333 } .mmlst .tab a.act {

   height: 26px;
   color: #b50b0e;
   font-weight: 700;
   background: #ececec;
   border: 1px solid #e0e0e0;
   border-right: 0;
   border-bottom: 0;

} .mmlst .bar {

   width: 720px;
   height: 35px;
   line-height: 35px;
   background: #ececec;
   border-top: 1px solid #d8d8d8;
   border-bottom: 1px solid #d8d8d8;
   box-shadow: 0 6px 8px rgba(0,0,0,0.3);

} .mmlst .bar a {

   height: 35px;
   margin-left: 15px;
   padding-left: 20px;
   font-size: 14px;
   font-weight: 700;
   color: #868686;
   position: relative;
   float: left;

} .mmlst .bar a.act { color: #b50b0e } .mmlst .bar a:hover { color: #333 } .mmlst .bar a.act:hover { color: #b50b0e } .mmlst .bar i {

   width: 16px;
   background: url(site.png) no-repeat;
   position: absolute;
   left: 0;
   z-index: 4;

} .mmlst .bar i.one {

   height: 16px;
   background-position: -159px -388px;
   top: 9px;

} .mmlst .bar i.two {

   height: 13px;
   background-position: -180px -560px;
   top: 11px;

} .mmnav {

   height: 28px;
   padding-bottom: 10px;
   background: #fff;

} .mmnav ul {

   height: 28px;
   text-align: center;
   font-weight: 700;
   font-size: 12px;

} .mmnav li {

   display: inline-block;
   width: 29px;
   height: 28px;
   line-height: 28px;
   margin: 0 4px;

} .mmnav li a {

   display: inline-block;
   width: 29px;
   height: 28px;
   color: #131313;
   background: url(site.png) 0 -716px no-repeat;

} .mmnav li a:hover { opacity: .5 } .mmnav li a.act {

   color: #fff;
   background-position: -30px -716px;
   cursor: default;
   opacity: 1;

} .mmbig {

   width: 920px;
   padding-bottom: 30px;

} .mmbig h3 {

   color: #494949;
   font-weight: 400;
   font-size: 16px;
   text-align: center;

} .mmbig img {

   display: block;
   margin: 0 auto 12px auto;

}

  1. detail.mmdia .mmnav { padding-bottom: 30px }
  2. detail.mmdia .head {
   height: auto;
   padding-bottom: 15px;

}

  1. detail.mmdia .mmlst ul { padding-left: 2px }
  2. detail.mmdia .mmlst li { margin: 0 9px }

.bb-bookblock {

   width: 720px;
   height: 470px;
   margin-bottom: 10px;
   position: relative;
   background: #f6f6f6;
   z-index: 700;

} .bb-bookblock.fixed { z-index: 400 } .bb-bookblock em.shdws {

   width: 30px;
   height: 420px;
   background: url(sh3dw.png) no-repeat;
   position: absolute;
   left: -30px;
   top: 0;
   z-index: 100;

} .bb-page {

   width: 50%;
   height: 100%;
   left: 50%;
   position: absolute;
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform-origin: left center;
   -moz-transform-origin: left center;
   -o-transform-origin: left center;
   -ms-transform-origin: left center;
   transform-origin: left center;

} .bb-page>div, .bb-outer, .bb-content {

   position: absolute;
   height: 100%;
   top: 0;
   left: 0;

} .bb-content { background: #f6f6f6 } .bb-inner {

   position: relative;
   width: 100%;
   height: 100%;

} .bb-overlay, .bb-outer {

   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -o-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

} .bb-page>div {

   width: 100%;
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
   moz-backface-visibility: hidden;
   -o-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

} .bb-back {

   -webkit-transform: rotateY(-180deg);
   -moz-transform: rotateY(-180deg);
   -o-transform: rotateY(-180deg);
   -ms-transform: rotateY(-180deg);
   transform: rotateY(-180deg);

} .bb-outer {

   width: 100%;
   overflow: hidden;
   z-index: 999;

} .bb-overlay, .bb-flipoverlay {

   background-color: rgba(0,0,0,0.7);
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 0;

} .bb-flipoverlay { background-color: rgba(0,0,0,0.2) } .bb-bookblock>div.bb-page:first-child, .bb-bookblock>div.bb-page:first-child .bb-back {

   -webkit-transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
   -o-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   transform: rotateY(180deg);

} .bb-item {

   width: 100%;
   height: 100%;
   background: #f6f6f6;
   position: absolute;
   left: 0;
   top: 0;
   display: none;

}

  1. cont .bb-bookblock .slider { margin-bottom: 0 }
  2. cont .bb-bookblock .hotnews {
   height: 468px;
   margin-bottom: 0;
   background: #f6f6f6;
   border-color: #e9e9e9;
   border-top: 1px solid #e9e9e9;
   padding: 0 10px;
   overflow: hidden;

}

  1. cont .bb-bookblock .hotnews dt { margin-bottom: 23px }
  2. cont .bb-bookblock .hotnews dd {
   margin-bottom: 17px;
   background: 0;

}

  1. cont .bb-bookblock .hotnews i { height: 468px }
  2. cont .bb-bookblock .hotnews dd.bar {
   width: 360px;
   height: 45px;
   line-height: 45px;
   padding: 0;
   background: #f3f3f3;
   box-shadow: inset 5px 5px 10px 2px #eee;
   position: relative;
   left: -10px;

}

  1. cont .bb-bookblock .hotnews dd.bar strong {
   margin-left: 25px;
   color: #898989;
   font-size: 18px;
   text-shadow: 1px 1px 1px #fff;

}

  1. cont .bb-bookblock .hotnews dd.bar b {
   width: 92px;
   height: 17px;
   cursor: pointer;
   background: url(site.png) 0 -138px no-repeat;
   position: absolute;
   right: 20px;
   top: 14px;

} .nano {

   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;

} .nano .content {

   position: absolute;
   overflow: scroll;
   overflow-x: hidden;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;

} .nano .content:focus { outline: thin dotted } .nano>.pane {

   width: 10px;
   opacity: .01;
   transition: .2s;
   border-radius: 5px;
   position: absolute;
   right: 0;
   top: 5px;
   bottom: 5px;

} .nano>.pane>.slider {

   margin: 0 2px;
   border-radius: 3px;
   position: relative;

} .nano:hover>.pane, .pane.active, .pane.flashed { opacity: .99 } .nano { height: 2000px } .nano.long { height: 1500px } .nano.short { height: 830px } .nano .content { padding: 0 } .nano .slider {

   background: #828282;
   opacity: .7;

}

  1. cont .superManset {
   height: 115px;
   width: 720px;
   background-image: url(superBg.jpg);
   position: relative;
   text-align: center;

}

  1. cont .superManset em {
   width: 100px;
   height: 100px;
   background-image: url(superMansetFlash.png);
   float: left;
   position: absolute;
   right: -4px;
   top: -4px;
   z-index: 400;

}

  1. cont .superManset a {
   font-size: 36px;
   width: 620px;
   float: left;
   font-weight: 700;
   margin-top: 8px;
   font-family: Arial;
   padding-left: 50px;
   padding-right: 50px;
   color: #000;

}

  1. side em.shdws {
   width: 30px;
   height: 420px;
   background: url(sh3dw.png) no-repeat;
   position: absolute;
   left: 100px;
   top: 0;
   z-index: 100;

} .ustSuper {

   width: 1040px;
   padding: 0 0 0 130px;
   height: 80px;
   text-align: left;
   background: #f6f6f6;
   font-size: 45px;
   line-height: 50px;
   font-weight: 700;
   color: #333;

} .ustSuper a { color: #444 } .ustSuper a .shdwss { text-shadow: 2px 2px 2px rgba(0,0,0,0.3) } .ustSuper a:visited { color: #333 } .ustSuper em {

   margin-top: 5px;
   font-style: normal;
   font-size: 13px;
   font-weight: normal;
   float: left;
   line-height: 15px;

} .ustSuper b {

   margin-top: 4px;
   width: 17px;
   height: 17px;
   text-indent: 10px;
   background-image: url(arrowsPrite.png);
   background-repeat: none;
   background-position: -103px -21px;
   float: left;
   text-indent: -99999px;
   line-height: 15px;
   margin-left: 10px;

} .ustSuper i {

   margin-top: 2px;
   font-size: 13px;
   font-style: normal;
   float: left;
   margin-left: 5px;
   line-height: 15px;
   padding-top: 2px;

} .ustSuper:hover b { background-position: -103px -2px } .ustSuper:hover i { color: #0af }

  1. side .catName {
   border-bottom: 1px solid #444;
   position: relative;
   color: #eee;
   opacity: .9;
   font-weight: 700;
   text-align: center;
   width: 130px;
   float: left;
   font-style: normal;
   padding-top: 10px;
   padding-bottom: 10px;
   background-color: none;
   font-size: 16px;

} .textLink.vip a {

   font-size: 14px;
   color: #ab0101;
   font-weight: 700;

} .textLink.regular a {

   font-size: 13px;
   color: #004176;
   font-weight: 700;

} .jfontsize-button { font: bold 12px arial; padding: 3px; border: solid 1px #ccc; }

.jfontsize-button:hover { text-decoration: none; background: #333; color: #fff; border: solid 1px #333; }

.jfontsize-disabled, .jfontsize-disabled:hover { color: #aaa; border: solid 1px #eee; background: #eee; }

  1. feed .popcmntd {
   width: 314px;
   margin: 10px 3px 0px 3px;

}

  1. feed .popcmntdbttm {
   background-image: url('anaCokAlt.jpg');
   height: 10px;
   width: 307px;
   margin: 0 auto;

}

  1. feed .popcmntd .ttlbar {
   background-image: url('popcmntdmain.jpg');
   background-repeat: no-repeat;
   width: 314px;
   height: 46px;
   font-size: 15px;
   font-weight: bold;
   position: relative;

}

  1. feed .popcmntd .ttlbar .act {
   color: #000000;

}

  1. feed .popcmntd .ttlbar .pass {
   color: #606060;

}

  1. feed .popcmntd span {
   cursor: pointer;

}

  1. feed .popcmntd .ttlbar #popcmntdPopular {
   position: absolute;
   top: 12px;
   left: 26px;

}

  1. feed .popcmntd .ttlbar #popcmntdCmntd {
   position: absolute;
   top: 12px;
   left: 180px;

}

  1. feed .popcmntd ul {
   width: 301px;
   margin: 0 auto;
   background-color: #f9f9f9;
   padding: 5px 3px 5px 3px;

}

  1. feed .popcmntd ul li {
   position: relative;
   width: 301px;
   height: 60px;

}

  1. feed .popcmntd ul li:hover {
   background-color: #eee;
   cursor: pointer;

}

  1. feed .popcmntd ul li img {
   height: 50px;
   width: 75px;
   border: 2px solid #fff;
   left: 5px;
   top: 5px;
   position: absolute;

}

  1. feed .popcmntd ul li em {
   position: absolute;
   font-size: 12px;
   color: #606060;
   top: 5px;
   left: 93px;

}

  1. feed .popcmntd ul li strong {
   position: absolute;
   font-size: 14px;
   color: #404040;
   top: 23px;
   left: 93px;

}

  1. feed .popcmntd ul#cmntd {
   display: none;

} /*vdo*/

  1. detail .side .rghtClmnVdoBox {
   width: 300px;
   margin-bottom: 10px;
   padding-top: 34px;
   position: relative;

}

  1. detail .side .rghtClmnVdoBox p {
   width: 290px;
   height: 44px;
   line-height: 44px;
   padding-left: 23px;
   color: white;
   font-size: 14px;
   font-weight: 700;
   text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5);
   background: url(rightColumnBlueTitle.png) no-repeat;
   position: absolute;
   left: -6px;
   top: 0;

}

  1. detail .side .rghtClmnVdoBox .box {
   border: 1px solid #E6E6E6;
   border-radius: 4px;
   padding-bottom: 10px;
   padding-top: 2px;

}

  1. detail .side .rghtClmnVdoBox .box .bgVdo

{

   position: relative;
   border: 1px solid #ddd;
   margin: 10px;
   width: 276px;
   box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);

}

  1. detail .side .rghtClmnVdoBox .box .bgVdo i {
   position: absolute;
   width: 92px;
   height: 92px;
   top: 36px;
   left: 93px;
   background-image: url('playDetay.png');

}

  1. detail .side .rghtClmnVdoBox .box .bgVdo img {
   width: 266px;
   height: 150px;
   padding: 5px;
   

}

  1. detail .side .rghtClmnVdoBox .box ul {
   margin-left: 10px;

}

  1. detail .side .rghtClmnVdoBox .box ul li {
   float: left;
   width: 66px;
   height: 44px;
   margin-right: 5px;

}

  1. detail .side .rghtClmnVdoBox .box ul li img {
   width: 66px;
   height: 44px;

}

  1. detail .side .rghtClmnVdoBox .box ul li.act img {
   width: 60px;
   height: 38px;
   border: 3px solid #125d8e;

}

/*pht*/

  1. detail .side .rghtClmnPhtBox {
   width: 300px;
   margin-bottom: 10px;
   padding-top: 34px;
   position: relative;

}

  1. detail .side .rghtClmnPhtBox p {
   width: 290px;
   height: 44px;
   line-height: 44px;
   padding-left: 23px;
   color: white;
   font-size: 14px;
   font-weight: 700;
   text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5);
   background: url(rightColumnRedTitle.png) no-repeat;
   position: absolute;
   left: -6px;
   top: 0;

}

  1. detail .side .rghtClmnPhtBox .box {
   border: 1px solid #E6E6E6;
   border-radius: 4px;
   padding-bottom: 10px;
   padding-top: 2px;

}

  1. detail .side .rghtClmnPhtBox .box strong {
   color: #FB1111;
   margin-left: 10px;
   margin-bottom: 10px;

}

  1. detail .side .rghtClmnPhtBox .box ul {
   padding: 5px 0 0 5px;
   margin-top: 5px;
   margin-bottom: 8px;

}

  1. detail .side .rghtClmnPhtBox .box li {
   float: left;

}

  1. detail .side .rghtClmnPhtBox .box li a {
   width: 90px;
   height: 60px;
   margin-right: 2px;
   padding: 5px;

}

  1. detail .side .rghtClmnPhtBox .box li a img {
   width: 81px;
   height: 54px;
   border: 2px solid #ccc;
   margin-bottom: 5px;

}

  1. detail .side .rghtClmnPhtBox .box li a.act img {
   border: 2px solid #B30000;

}

  1. detail .side .rghtClmnPhtBox .lin {
   width: 282px;
   height: 1px;
   margin: 3px auto 14px auto;
   background: #B5B5B5;
   position: relative;

}

  1. detail .side .rghtClmnPhtBox .lin i {
   width: 23px;
   height: 13px;
   background: url(site.png) -195px -588px no-repeat;
   position: absolute;
   right: 60px;
   bottom: -12px;
   z-index: 2;

}

  1. jfontsize-minus, #jfontsize-plus {
   font: bold 12px arial;
   padding: 3px;
   border: solid 1px #ccc;
   display: block;
   width: 20px;text-align: center;float: left;margin-right: 5px;

}

  1. jfontsize-minus:hover, #jfontsize-plus:hover {
   text-decoration: none;
   background: #333;
   color: #fff;
   border: solid 1px #333;

}


/*#region @ak globals*/

.ak_clear:after {

   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;

}

/*#endregion @ak globals*/ /*#region small headline*/

/*#endregion small headling*/