Team:ATOMS-Turkiye/fetStyles.css

From 2014.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 1: Line 1:
-
/* General */
+
/* ---------------------------------------- */
-
 
+
/* ---------------------------------------- */
 +
/* ---- 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 {
body {
-
  font-family: "Calibri", sans-serif;
+
    /* padding-top: 80px; */
 +
    background: #f6f6f6;
 +
    font-size: 13px;
 +
    font-family: Arial,sans-serif;
 +
    color: #1d1d1d;
}
}
-
 
+
html, body {    height: 100% }
-
a:hover, a:visited, a:link, a:active {
+
a {
-
  color: red;
+
    text-decoration: none;
-
  text-decoration: underline;
+
    outline: 0;
}
}
-
 
+
.fix {
-
/* Navigation Link Bar */
+
    clear: both;
-
 
+
    font-size: 0;
-
div.navLR {
+
    line-height: 0;
-
  position: relative;
+
    line-height: 0;
-
  width: 100%;
+
-
  margin-left: auto;
+
-
  margin-right: auto;
+
-
  margin-bottom: 12px;
+
-
  margin-top: 12px;
+
}
}
-
 
+
.sfnav {
-
div.navLR::after {
+
    height: 73px;
-
  content: " ";
+
    font-size: 0;
-
  display: table;
+
    text-indent: -9999px;
-
  clear: both;
+
    position: fixed;
 +
    top: 50%;
 +
    margin-top: -37px;
 +
    z-index: 2000;
}
}
-
 
+
#sfnav-left {
-
a.navLinkLeft {
+
    width: 45px;
-
  float: left;
+
    background: url(solOk.png) no-repeat;
-
  text-decoration: none;
+
    left: 0;
-
  font-family: "Khmer UI", sans-serif;
+
-
  color: rgb(192,0,0);
+
-
  text-shadow: 1px 1px 5px #000000;
+
-
  font-size: 24px; 
+
-
  margin: 12px;
+
-
  background: url("https://static.igem.org/mediawiki/2014/3/31/ATOMS-Turkiye_left_button.png") left center no-repeat;
+
-
  background-size: auto 100%;
+
-
  padding-left: 40px;
+
}
}
-
 
+
#sfnav-right {
-
a.navLinkRight {
+
    width: 39px;
-
  float: right;
+
    background: url(sagOk.png) no-repeat;
-
  text-decoration: none;
+
    right: 0;
-
  font-family: "Khmer UI", sans-serif;
+
-
  color: rgb(192,0,0);
+
-
  text-shadow: 1px 1px 5px #000000;
+
-
  font-size: 24px; 
+
-
  margin: 12px;
+
-
  background: url("https://static.igem.org/mediawiki/2014/4/42/ATOMS-Turkiye_right_button.png") right center no-repeat;
+
-
  background-size: auto 100%;
+
-
  padding-right: 40px;
+
-
 
+
}
}
-
 
+
#yuklesayfa {
-
/* Headings */
+
    width: 1170px;
-
 
+
    height: 100%;
-
 
+
    position: absolute;
-
h1, h2, h3, h4, h5, h6 {
+
    top: 85px;
-
  font-family: "Khmer UI", sans-serif !important;
+
    z-index: 700;
}
}
-
 
+
#yuklesayfa.fixed {   z-index: 400 }
-
 
+
#detay-wrap {
-
h1 {
+
    display: none;
-
  color: rgb(192,0,0) !important;
+
    width: 1170px;
-
  border-bottom: solid rgb(192,0,0) 4px !important;
+
    height: 100%;
-
  text-shadow: 1px 1px 5px #000000 !important;
+
    position: absolute;
-
  font-size: 36px !important;
+
    top: 0;
-
  padding-bottom: 12px !important;
+
    z-index: 900;
-
  margin-top: 12px !important;  
+
-
  margin: 18px !important;
+
}
}
-
 
+
#kapat-detay {
-
h2 {
+
    width: 45px;
-
  color: rgb(192,0,0) !important;
+
    height: 47px;
-
  text-shadow: 1px 1px 5px #000000 !important;
+
    font-size: 0;
-
  font-size: 24px !important;
+
    text-indent: -9999px;
-
  margin: 12px !important;
+
    background: url(site.png) -180px -503px no-repeat;
 +
    cursor: pointer;
 +
    position: fixed;
 +
    top: 60px;
 +
    z-index: 1000;
 +
    left: 50%;
 +
    margin-left: 446px;
}
}
-
 
+
#kapat-detay.fixed {    position: fixed }
-
 
+
.detay-overlay {
-
h3 {
+
    display: block;
-
  color: rgb(192,0,0) !important;
+
    width: 100%;
-
  font-size: 18px !important;
+
    height: 100%;
-
  margin: 9px !important;
+
    background: url(op7.png) repeat;
 +
    position: fixed;
 +
    top: 0;
 +
    z-index: -800;
}
}
-
 
+
#loading {
-
 
+
    display: none;
-
h4 {
+
    width: 80px;
-
  color: rgb(192,0,0);
+
    height: 80px;
-
  font-size: 14px;
+
    margin: -40px 0 0 -40px;
 +
    position: absolute;
 +
    left: 50%;
 +
    top: 50%;
 +
    z-index: 9999;
}
}
-
 
+
#header {
-
 
+
    width: 100%;
-
h5 {
+
    height: 40px;
-
  color: rgb(192,0,0);
+
    padding: 15px 0 15px 0;
-
  font-size: 14px;
+
    background: url(header.jpg) center 15px no-repeat #f6f6f6;
 +
    /* position: fixed; */
 +
    left: 0;
 +
    top: 0;
 +
    z-index: 500;
}
}
-
 
+
#header .wrp {
-
 
+
    width: 1170px;
-
h6 {
+
    height: 40px;
-
  color: rgb(192,0,0);
+
    margin: 0 auto;
-
  font-size: 14px;
+
    position: relative;
}
}
-
 
+
#header h1 {
-
 
+
    width: 223px;
-
/* Main content of pages */
+
    height: 57px;
-
 
+
    background: url(yeniLogo.png) no-repeat;
-
div.asoContent {
+
    position: absolute;
-
  position: relative;
+
    left: -40px;
-
  margin-right: auto;
+
    top: -8px;
-
  margin-left: auto;
+
    z-index: 4;
-
  margin-top: 12px;
+
-
  margin-bottom: 12px;
+
-
  width: 80%;
+
}
}
-
 
+
#header h1 a {
-
 
+
    display: block;
-
/* Red bordered*/
+
    text-indent: -9999px;
-
 
+
    height: 57px;
-
div.highlight {
+
-
  border: solid rgb(192,80,80) 3px;
+
-
  border-radius: 20px;
+
-
  padding: 20px;
+
}
}
-
 
+
#header ol {
-
div.withImage {
+
    height: 40px;
-
  width: 428px;
+
    line-height: 40px;
-
  float: right;
+
    margin-left: 220px;
-
  border: solid rgb(192,80,80) 6px;
+
    font-size: 15px;
-
  border-radius: 10px;
+
    font-weight: 700;
-
  padding: 8px;
+
-
  margin: 14px;
+
}
}
-
 
+
#header ol li {
-
div.withImage img {
+
    height: 40px;
-
  width: 400px;
+
    margin: 0 17px 0 15px;
-
  height: auto;
+
    position: relative;
-
  margin-bottom: 4px;
+
    float: left;
-
  margin-right: auto;
+
}
-
  margin-left: auto;
+
#header ol li i {
 +
    width: 2px;
 +
    height: 40px;
 +
    background: url(site.png) no-repeat;
 +
    position: absolute;
 +
    right: -17px;
 +
    top: 0;
 +
}
 +
#header ol li i.one {    background-position: -209px -78px }
 +
#header ol li i.two {    background-position: -211px -78px }
 +
#header ol li i.thr {    background-position: -213px -78px }
 +
#header ol li i.fou {    background-position: -215px -78px }
 +
#header ol li i.fiv {    background-position: -217px -78px }
 +
#header ol li i.six {    background-position: -219px -78px }
 +
#header ol li i.svn {    background-position: -221px -78px }
 +
#header ol li a {
 +
    display: block;
 +
    color: #fff;
 +
}
 +
#header ol li a:hover {    color: #ddd }
 +
#header ol li.vdo {    width: 24px }
 +
#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;
 +
}
 +
#header ol li.fto {
 +
    width: 24px;
 +
    margin: 0;
 +
}
 +
#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;
 +
}
 +
#header .srch {
 +
    width: 155px;
 +
    height: 26px;
 +
    position: absolute;
 +
    right: 0;
 +
    top: 7px;
 +
}
 +
#header .srch input.txt {
 +
    width: 110px;
 +
    height: 26px;
 +
    line-height: 26px;
 +
    padding: 0 5px;
 +
    font-size: 12px;
 +
    color: #a2a0a0;
 +
    background: #d2cfcf;
 +
    float: left;
 +
}
 +
#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;
 +
}
 +
#wraper {
 +
    width: 1172px;
 +
    height: auto;
 +
    margin: -8px auto 20px auto;
 +
    position: relative;
 +
}
 +
#wraper.one {    background: url(one.jpg) repeat-y }
 +
#wraper.two {    background: url(two.jpg) repeat-y }
 +
#wraper.thr {    background: url(thr.jpg) repeat-y }
 +
#wraper.fou {    background: url(fou.jpg) repeat-y }
 +
#wraper.fiv {    background: url(fiv.jpg) repeat-y }
 +
#wraper.six {    background: url(six.jpg) repeat-y }
 +
#wraper.svn {    background: url(svn.jpg) repeat-y }
 +
#wraper .shdw {
 +
    width: 1170px;
 +
    height: 25px;
 +
    background: url(sh1dw.png) no-repeat;
 +
    position: absolute;
 +
    left: 0;
 +
    bottom: -25px;
 +
}
 +
#side {
 +
    width: 130px;
 +
    text-shadow: 0 0 3px #000;
 +
    float: left;
 +
    position: relative;
 +
}
 +
#side i {
 +
    position: absolute;
 +
    z-index: 4;
 +
}
 +
#side .spc {
 +
    height: 20px;
 +
    background: #f6f6f6;
 +
}
 +
#side .ads120 {
 +
    width: 120px;
 +
    height: 600px;
 +
    margin: 0 auto 10px auto;
 +
    border: 1px solid #000;
 +
}
 +
#side .menu {    margin-bottom: 0px }
 +
#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);
 +
}
 +
#side .menu dd.end {    border-bottom: 0 }
 +
#side .menu dd a {
 +
    display: block;
 +
    height: 40px;
 +
    color: #fff;
 +
    font-weight: 700;
 +
    font-size: 14px;
 +
    opacity: .9;
 +
}
 +
#side .menu dd a:hover {    background: url(op7.png) repeat }
 +
#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);
 +
}
 +
#side .live a {
 +
    display: block;
 +
    width: 70px;
 +
    padding: 14px 15px 12px 45px;
 +
    font-size: 15px;
 +
    font-weight: 700;
 +
    color: #fff;
 +
    position: relative;
 +
}
 +
#side .live i {
 +
    width: 25px;
 +
    height: 25px;
 +
    margin-top: -12px;
 +
    background: url(site.png) -108px -158px no-repeat;
 +
    left: 10px;
 +
    top: 50%;
 +
}
 +
#side .curr {
 +
    width: 108px;
 +
    margin: 0px 10px 10px 10px;
 +
    line-height: 20px;
 +
    font-weight: 700;
 +
    background: #881403;
 +
    border: 1px solid #b30000;
 +
    text-align: center;
 +
}
 +
#side .curr:hover {
 +
    border: 1px solid rgba(255,255,255,0.2);
 +
}
 +
#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);
 +
}
 +
#side .curr li i {
 +
    display: inline;
 +
    width: 11px;
 +
    height: 8px;
 +
}
 +
#side .curr li i.up {    background-image: url(arrowUpSmall.png) }
 +
#side .curr li i.dwn {    background-image: url(arrowDownSmall.png) }
 +
#side .curr li i.eq {    background-image: url(arrowEqSmall.png) }
 +
#side .curr li.info {
 +
    padding-left: 0;
 +
    padding-right: 0;
 +
    width: 108px;
 +
    text-align: center;
 +
    padding-top: 2px;
 +
    padding-bottom: 2px;
 +
}
 +
#side .curr li.info em {
 +
    font-size: 9px;
 +
    text-decoration: none;
 +
    font-style: normal;
 +
}
 +
#side .curr b {
 +
    display: block;
 +
    padding-bottom: 1px;
 +
    font-size: 12px;
 +
}
 +
#side .liv {
 +
    text-shadow: none;
 +
    margin-bottom: 25px;
 +
    padding-top: 15px;
 +
    color: #fff;
 +
    text-align: center;
 +
}
 +
#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;
 +
}
 +
#side .liv .slc i {
 +
    width: 13px;
 +
    height: 8px;
 +
    background: url(site.png) -210px -197px no-repeat;
 +
    position: absolute;
 +
    right: 7px;
 +
    top: 9px;
 +
    display: inline;
 +
}
 +
#side .liv .slc .select {
 +
    display: block;
 +
    position: relative;
 +
    overflow: hidden;
 +
}
 +
#side .liv .slc select.styled {
 +
    display: block;
 +
    width: 100%;
 +
    height: 100%;
 +
    opacity: 0;
 +
    cursor: pointer;
 +
    position: absolute;
 +
    left: 0;
 +
    top: 0;
 +
    z-index: 5;
 +
}
 +
#side .liv ul {
 +
    width: 110px;
 +
    margin-bottom: 10px;
 +
    padding: 10px;
 +
    text-align: center;
 +
}
 +
#side .liv li {
 +
    width: 110px;
 +
    margin-bottom: 5px;
 +
    color: #767676;
 +
    background: #fff;
 +
}
 +
#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;
 +
}
 +
#side .liv li span {
 +
    width: 50px;
 +
    padding-bottom: 5px;
 +
    color: #575757;
 +
    font-size: 14px;
 +
    float: left;
 +
}
 +
#side .liv li img {
 +
    display: block;
 +
    width: 36px;
 +
    height: 36px;
 +
    margin: 0 0 0 7px;
 +
}
 +
#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;
 +
}
 +
#side .liv li b {
 +
    width: 10px;
 +
    line-height: 36px;
 +
    color: #c9c9c9;
 +
    font-size: 14px;
 +
    float: left;
 +
}
 +
#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;
 +
}
 +
#cont {
 +
    width: 720px;
 +
    background: #f6f6f6;
 +
    float: left;
 +
}
 +
#cont .slider {
 +
    width: 720px;
 +
    height: 470px;
 +
    margin-bottom: 10px;
 +
    position: relative;
 +
}
 +
#cont .slider em.shdw {
 +
    width: 35px;
 +
    height: 420px;
 +
    background: url(sh3dw.png) no-repeat;
 +
    position: absolute;
 +
    left: -35px;
 +
    top: 0;
 +
    z-index: 100;
 +
}
 +
#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;
 +
}
 +
#cont .slider #toxslider {
 +
    width: 720px;
 +
    height: 400px;
 +
    overflow: hidden;
 +
}
 +
#cont .slider #toxslider p {
 +
    width: 720px;
 +
    height: 400px;
 +
    position: relative;
 +
}
 +
#cont .slider #toxslider a {
 +
    color: #fff;
 +
    font-size: 55px;
 +
    line-height: 117%;
 +
    font-family: Arial,sans-serif;
 +
}
 +
#cont .slider #toxslider img {
 +
    width: 720px;
 +
    height: 400px;
 +
    display: block;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#cont .slider #toxslider b {
 +
    width: 680px;
 +
    text-shadow: 0 0 4px #000;
 +
    position: absolute;
 +
    left: 20px;
 +
    bottom: 10px;
 +
    z-index: 7;
 +
    font-weight: 700;
 +
}
 +
#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;
 +
}
 +
#cont .slider strong span.headlineUstBaslik
 +
{
 +
    left: 2px;
 +
    top: -50px;
 +
    font-size: 30px;
 +
    width: 680px;
 +
    position: absolute;
 +
    color: orange;
 +
}
 +
#cont .slider strong.alter span.headlineUstBaslik {
 +
    display: none;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#cont .slider #tox-prev:hover {    opacity: .8 }
 +
#cont .slider #tox-next:hover {    opacity: .8 }
 +
#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;
 +
}
 +
#cont .slider #toxspager {
 +
    width: 720px;
 +
    height: 70px;
 +
    padding-left: 3px;
 +
}
 +
#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;
 +
}
 +
#cont .slider #toxspager a.selected {
 +
    width: 31px;
 +
    height: 51px;
 +
    padding: 10px 2px 2px 2px;
 +
    background: url(sldc.png) left bottom no-repeat transparent;
 +
}
 +
#cont .slider #toxspager a img {
 +
    width: 33px;
 +
    height: 53px;
 +
}
 +
#cont .slider #toxspager a.selected img {
 +
    width: 31px;
 +
    height: 51px;
 +
}
 +
#cont .slider.glry {
 +
    height: 530px;
 +
    background: #fff;
 +
    margin: 0;
 +
}
 +
#cont .slider #glrslider {
 +
    width: 720px;
 +
    height: 400px;
 +
    overflow: hidden;
 +
}
 +
#cont .slider #glrslider p {
 +
    width: 720px;
 +
    height: 400px;
 +
    position: relative;
 +
}
 +
#cont .slider #glrslider a {
 +
    color: #fff;
 +
    font-size: 48px;
 +
    line-height: 117%;
 +
    font-family: Arial,sans-serif;
 +
}
 +
#cont .slider #glrslider img {
 +
    width: 720px;
 +
    height: 400px;
 +
    display: block;
 +
}
 +
#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;
 +
}
 +
#cont .slider #glrslider b {
 +
    width: 680px;
 +
    text-shadow: 0 0 4px #000;
 +
    position: absolute;
 +
    left: 20px;
 +
    bottom: 15px;
 +
    z-index: 7;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#cont .slider #glr-prev:hover {    opacity: .8 }
 +
#cont .slider #glr-next:hover {    opacity: .8 }
 +
#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;
 +
}
 +
#cont .slider #glrypager {
 +
    width: 720px;
 +
    height: 120px;
 +
    text-align: center;
 +
    font-size: 11px;
 +
    font-weight: 700;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#cont .slider #glrypager a img {
 +
    display: block;
 +
    width: 80px;
 +
    height: 50px;
 +
    margin: 0 0 10px 5px;
 +
    border: 4px solid #f7f7f7;
 +
}
 +
#cont .slider #glrypager a.selected {    color: #333 }
 +
#cont .slider #glrypager a.selected img {    border: 4px solid #0af }
 +
#cont .slider #glrypager a.selected i {
 +
    background: url(site.png) -210px -206px no-repeat;
 +
    top: -7px;
 +
}
 +
#cont .sldare {
 +
    width: 720px;
 +
    height: 430px;
 +
    position: relative;
 +
    box-shadow: 0 -2px 4px rgba(0,0,0,0.2);
 +
}
 +
#cont .sldare.thr {    height: 418px }
 +
#cont .sldare em {
 +
    width: 35px;
 +
    height: 420px;
 +
    background: url(sh3dw.png) no-repeat;
 +
    position: absolute;
 +
    left: -35px;
 +
    top: 0;
 +
    z-index: 100;
 +
}
 +
#cont .sldare .sldtx {
 +
    width: 720px;
 +
    height: 430px;
 +
}
 +
#cont .sldare .sldtx .sldr {
 +
    width: 400px;
 +
    height: 430px;
 +
    overflow: hidden;
 +
    float: left;
 +
}
 +
#cont .sldare .sldtx .sldr p {
 +
    width: 400px;
 +
    height: 430px;
 +
    position: relative;
 +
}
 +
#cont .sldare .sldtx .sldr a {
 +
    display: block;
 +
    color: #fff;
 +
    font-size: 30px;
 +
    line-height: 120%;
 +
    font-family: Arial,sans-serif;
 +
    position: relative;
 +
}
 +
#cont .sldare .sldtx .sldr img {
 +
    width: 400px;
 +
    height: 430px;
 +
    display: block;
 +
}
 +
#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;
 +
}
 +
#cont .sldare .sldtx .sldr b {
 +
    width: 380px;
 +
    text-shadow: 0 0 4px #000;
 +
    position: absolute;
 +
    left: 20px;
 +
    bottom: 20px;
 +
    z-index: 7;
 +
}
 +
#cont .sldare .sldtx .snav {
 +
    width: 299px;
 +
    height: 420px;
 +
    padding: 4px 10px;
 +
    background: #f8f8f8;
 +
    border: 1px solid #ccc;
 +
    border-left: 0;
 +
    float: left;
 +
}
 +
#cont .sldare .sldtx .snav div {
 +
    width: 299px;
 +
    height: 34px;
 +
    line-height: 34px;
 +
    font-weight: 700;
 +
    border-bottom: 1px dotted #ccc;
 +
    overflow: hidden;
 +
}
 +
#cont .sldare .sldtx .snav div.end {
 +
    height: 35px;
 +
    line-height: 35px;
 +
    border-bottom: 0;
 +
}
 +
#cont .sldare .sldtx .snav div a {
 +
    display: block;
 +
    color: #333;
 +
    padding: 0 10px;
 +
}
 +
#cont .sldare .sldpo {
 +
    width: 720px;
 +
    height: 408px;
 +
}
 +
#cont .sldare .sldpo .sldr {
 +
    width: 375px;
 +
    height: 408px;
 +
    overflow: hidden;
 +
    float: left;
 +
}
 +
#cont .sldare .sldpo .sldr p {
 +
    width: 375px;
 +
    height: 408px;
 +
    position: relative;
 +
}
 +
#cont .sldare .sldpo .sldr a {
 +
    display: block;
 +
    color: #fff;
 +
    font-size: 30px;
 +
    line-height: 120%;
 +
    font-family: Arial,sans-serif;
 +
    position: relative;
 +
}
 +
#cont .sldare .sldpo .sldr img {
 +
    width: 375px;
 +
    height: 408px;
 +
    display: block;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#cont .sldare .sldpo .snav {
 +
    width: 344px;
 +
    height: 408px;
 +
    border-left: 1px solid #cbcbcb;
 +
    font-size: 16px;
 +
    float: left;
 +
    font-weight: 700;
 +
}
 +
#cont .sldare .sldpo .snav li {
 +
    width: 344px;
 +
    height: 80px;
 +
    border-top: 1px solid #f9f9f9;
 +
    border-bottom: 1px solid #cbcbcb;
 +
}
 +
#cont .sldare .sldpo .snav li.bgn {    border-top: 0 }
 +
#cont .sldare .sldpo .snav li.end {    border-bottom: 0 }
 +
#cont .sldare .sldpo .snav a {
 +
    display: block;
 +
    width: 219px;
 +
    height: 68px;
 +
    padding: 12px 10px 0 115px;
 +
    color: #4f4f4f;
 +
    background: #dedede;
 +
    position: relative;
 +
}
 +
#cont .sldare .sldpo .snav a:hover {
 +
    color: #09a4a7;
 +
    background: #fff;
 +
}
 +
#cont .sldare .sldpo .snav img {
 +
    width: 90px;
 +
    height: 60px;
 +
    position: absolute;
 +
    left: 10px;
 +
    top: 10px;
 +
}
 +
#cont .ads700 {
 +
    width: 700px;
 +
    height: 90px;
 +
    margin: 0 auto 10px auto;
 +
}
 +
#cont .hotnews {
 +
    width: 700px;
 +
    height: 500px;
 +
    margin: 0 auto 10px auto;
 +
    border-bottom: 1px solid #ddd;
 +
}
 +
#cont .hotnews i {
 +
    width: 20px;
 +
    height: 455px;
 +
    background: url(rpty.png) 0 0 repeat-y;
 +
    float: left;
 +
}
 +
#cont .hotnews dl {
 +
    width: 340px;
 +
    height: 460px;
 +
    float: left;
 +
}
 +
#cont .hotnews dt {
 +
    width: 340px;
 +
    height: 226px;
 +
    margin-bottom: 10px;
 +
    font-size: 12px;
 +
}
 +
#cont .hotnews dt a {
 +
    display: block;
 +
    width: 340px;
 +
    height: 226px;
 +
    color: #fff;
 +
    position: relative;
 +
}
 +
#cont .hotnews dt a img {
 +
    display: block;
 +
    width: 340px;
 +
    height: 226px;
 +
}
 +
#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;
 +
}
 +
#cont .hotnews dt a span.one {    background: #9e1d0a }
 +
#cont .hotnews dt a span.two {    background: #264ea0 }
 +
#cont .hotnews dt a span.thr {    background: #1877b6 }
 +
#cont .hotnews dt a span.fou {    background: #d50000 }
 +
#cont .hotnews dt a span.fiv {    background: #137f39 }
 +
#cont .hotnews dt a span.six {    background: #c1570a }
 +
#cont .hotnews dt a span.svn {    background: #741784 }
 +
#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;
 +
}
 +
#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;
 +
}
 +
#cont .hotnews dd {
 +
    width: 340px;
 +
    height: 70px;
 +
    margin-bottom: 10px;
 +
    padding: 4px 0;
 +
    background: #f8f8f8;
 +
    font-size: 17px;
 +
}
 +
#cont .hotnews dd:hover {    background-color: #e8e8e8 }
 +
#cont .hotnews dd a {
 +
    display: block;
 +
    width: 250px;
 +
    height: 67px;
 +
    padding: 2px 10px 1px 80px;
 +
    color: #555;
 +
    position: relative;
 +
}
 +
#cont .hotnews dd a strong {    font-size: 16px }
 +
#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;
 +
}
 +
#cont .hotnews dd a em {
 +
    display: block;
 +
    height: 19px;
 +
    font-size: 11px;
 +
    color: #848484;
 +
}
 +
#cont .hotnews dd a:hover {    color: #b30b0d }
 +
#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;
 +
}
 +
#cont h2 span {    font-weight: 400 }
 +
#cont .shwnews {
 +
    width: 720px;
 +
    margin: 0 auto;
 +
    overflow: hidden;
 +
}
 +
#cont .shwnews ul {
 +
    display: block;
 +
    width: 712px;
 +
    padding: 4px 0 0 15px;
 +
    color: #fff;
 +
}
 +
#cont .shwnews ul.scnd {    display: none }
 +
#cont .shwnews .scndDiv {    display: none }
 +
#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;
 +
}
 +
#cont .shwnews ul li div {
 +
    width: 210px;
 +
    height: 220px;
 +
    position: relative;
 +
}
 +
#cont .shwnews ul li img {
 +
    width: 210px;
 +
    height: 220px;
 +
}
 +
#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;
 +
}
 +
#cont .shwnews ul li a {
 +
    background: url(fix.gif) repeat;
 +
    position: absolute;
 +
    z-index: 4;
 +
}
 +
#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;
 +
}
 +
#cont .shwnews ul li a.lnk strong {
 +
    display: block;
 +
    margin-bottom: 20px;
 +
    line-height: 20px;
 +
    font-size: 18px;
 +
}
 +
#cont .shwnews ul li a.lnk span {
 +
    display: none;
 +
    width: 195px;
 +
    height: 173px;
 +
    line-height: 18px;
 +
}
 +
#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;
 +
}
 +
#cont .shwnews ul li.one a.tit {    background: #9e1d0a }
 +
#cont .shwnews ul li.two a.tit {    background: #264ea0 }
 +
#cont .shwnews ul li.thr a.tit {    background: #1877b6 }
 +
#cont .shwnews ul li.fou a.tit {    background: #d50000 }
 +
#cont .shwnews ul li.fiv a.tit {    background: #137f39 }
 +
#cont .shwnews ul li.six a.tit {    background: #c1570a }
 +
#cont .shwnews ul li.svn a.tit {    background: #741784 }
 +
#cont .shwnews ul li.one a.lnk:hover {    background: #9e1d0a }
 +
#cont .shwnews ul li.two a.lnk:hover {    background: #264ea0 }
 +
#cont .shwnews ul li.thr a.lnk:hover {    background: #1877b6 }
 +
#cont .shwnews ul li.fou a.lnk:hover {    background: #d50000 }
 +
#cont .shwnews ul li.fiv a.lnk:hover {    background: #137f39 }
 +
#cont .shwnews ul li.six a.lnk:hover {    background: #c1570a }
 +
#cont .shwnews ul li.svn a.lnk:hover {    background: #741784 }
 +
#cont .shwnews ul li a.lnk:hover span {    display: block }
 +
#cont .shwnews .more {
 +
    width: 700px;
 +
    height: 1px;
 +
    margin: 16px 0 36px 0;
 +
    background: #ededed;
 +
    position: relative;
 +
}
 +
#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;
 +
}
 +
#cont .shwnews .more span:hover {
 +
    color: #333;
 +
    background: #e2e2e2;
 +
}
 +
#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;
 +
}
 +
#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);
 +
}
 +
#cont .shwnews .bnws .pht {
 +
    width: 360px;
 +
    height: 240px;
 +
    position: relative;
 +
    float: left;
 +
}
 +
#cont .shwnews .bnws .pht img {
 +
    width: 360px;
 +
    height: 240px;
 +
}
 +
#cont .shwnews .bnws .pht span {    display: block }
 +
#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;
 +
}
 +
#cont .shwnews .bnws .lst {
 +
    width: 318px;
 +
    height: 240px;
 +
    background: #fff;
 +
    float: left;
 +
}
 +
#cont .shwnews .bnws .lst li {
 +
    width: 318px;
 +
    height: 47px;
 +
    color: #606060;
 +
    font-weight: 700;
 +
    font-size: 16px;
 +
    background: #ebebeb;
 +
    border-bottom: 1px dotted #b2b2b2;
 +
}
 +
#cont .shwnews .bnws .lst li a {
 +
    display: block;
 +
    height: 32px;
 +
    padding: 13px 10px 0 15px;
 +
    color: #606060;
 +
    position: relative;
 +
}
 +
#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;
 +
}
 +
#cont .shwnews .bnws .lst li.end {
 +
    border: 0;
 +
    height: 49px;
 +
}
 +
#cont .shwnews .bnws .lst li.end a {    height: 35px }
 +
#cont .shwnews .bnws .lst li.act a {    color: #fff }
 +
#cont .shwnews .bnws .lst li span {    display: none }
 +
#cont .shwnews .bnws.one .pht b {    background: #9e1d0a }
 +
#cont .shwnews .bnws.two .pht b {    background: #264ea0 }
 +
#cont .shwnews .bnws.thr .pht b {    background: #1877b6 }
 +
#cont .shwnews .bnws.fou .pht b {    background: #d50000 }
 +
#cont .shwnews .bnws.fiv .pht b {    background: #137f39 }
 +
#cont .shwnews .bnws.six .pht b {    background: #c1570a }
 +
#cont .shwnews .bnws.svn .pht b {    background: #741784 }
 +
#cont .shwnews .bnws.one .lst li.act a {    background: #9e1d0a }
 +
#cont .shwnews .bnws.two .lst li.act a {    background: #264ea0 }
 +
#cont .shwnews .bnws.thr .lst li.act a {    background: #1877b6 }
 +
#cont .shwnews .bnws.fou .lst li.act a {    background: #d50000 }
 +
#cont .shwnews .bnws.fiv .lst li.act a {    background: #137f39 }
 +
#cont .shwnews .bnws.six .lst li.act a {    background: #c1570a }
 +
#cont .shwnews .bnws.svn .lst li.act a {    background: #741784 }
 +
#cont .shwnews .bnws.one .lst li.act i {    border-right: 15px solid #9e1d0a }
 +
#cont .shwnews .bnws.two .lst li.act i {    border-right: 15px solid #264ea0 }
 +
#cont .shwnews .bnws.thr .lst li.act i {    border-right: 15px solid #1877b6 }
 +
#cont .shwnews .bnws.fou .lst li.act i {    border-right: 15px solid #d50000 }
 +
#cont .shwnews .bnws.fiv .lst li.act i {    border-right: 15px solid #137f39 }
 +
#cont .shwnews .bnws.six .lst li.act i {    border-right: 15px solid #c1570a }
 +
#cont .shwnews .bnws.svn .lst li.act i {    border-right: 15px solid #741784 }
 +
#cont .vdoglry {
 +
    width: 720px;
 +
    height: 225px;
 +
    overflow: hidden;
 +
}
 +
#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);
 +
}
 +
#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;
 +
}
 +
#cont .vdoglry .swrp {
 +
    width: 651px;
 +
    height: 185px;
 +
    margin-left: 35px;
 +
    position: relative;
 +
    overflow: hidden;
 +
}
 +
#cont .vdoglry ul {    font-weight: 700 }
 +
#cont .vdoglry li {
 +
    width: 141px;
 +
    height: 140px;
 +
    margin-right: 29px;
 +
    padding: 10px 0 5px 0;
 +
    text-align: center;
 +
    position: relative;
 +
    float: left;
 +
}
 +
#cont .vdoglry li b {
 +
    width: 1px;
 +
    height: 155px;
 +
    background: url(site.png) -224px 0 no-repeat;
 +
    position: absolute;
 +
    right: -15px;
 +
    top: 0;
 +
}
 +
#cont .vdoglry li a {
 +
    display: block;
 +
    width: 141px;
 +
    height: 140px;
 +
    color: #4c4c4c;
 +
    position: relative;
 +
}
 +
#cont .vdoglry li a:hover {    color: #1c77c9 }
 +
#cont .vdoglry li i {
 +
    width: 28px;
 +
    height: 28px;
 +
    background: url(site.png) -197px -550px no-repeat;
 +
    position: absolute;
 +
    left: 56px;
 +
    top: 32px;
 +
}
 +
#cont .vdoglry li img {
 +
    display: block;
 +
    width: 135px;
 +
    height: 90px;
 +
    padding: 2px;
 +
    margin-bottom: 7px;
 +
    border: 1px solid #fff;
 +
}
 +
#cont .vdoglry .sdot {
 +
    position: absolute;
 +
    left: 279px;
 +
    bottom: 7px;
 +
}
 +
#cont .vdoglry .sdot a {
 +
    width: 14px;
 +
    height: 14px;
 +
    margin-left: 4px;
 +
    display: inline-block;
 +
    background: url(site.png) -209px -144px no-repeat;
 +
}
 +
#cont .vdoglry .sdot a.selected {
 +
    cursor: default;
 +
    background-position: -209px -129px;
 +
}
 +
#cont .vdoglry .sdot a span {    display: none }
 +
#cont .phoglry {
 +
    width: 720px;
 +
    margin-bottom: 20px;
 +
    padding-top: 20px;
 +
}
 +
#cont .phoglry .photos {
 +
    width: 700px;
 +
    height: 500px;
 +
    margin: 0 10px 20px 10px;
 +
}
 +
#cont .phoglry .caroufredsel_wrapper {    box-shadow: 0 0 10px rgba(0,0,0,0.4) }
 +
#cont .phoglry .photos p {
 +
    width: 690px;
 +
    height: 383px;
 +
    padding: 5px;
 +
    background: #fff;
 +
}
 +
#cont .phoglry .photos a {
 +
    width: 690px;
 +
    height: 383px;
 +
    display: block;
 +
    color: #fff;
 +
    position: relative;
 +
}
 +
#cont .phoglry .photos a img {
 +
    width: 690px;
 +
    height: 383px;
 +
    display: block;
 +
}
 +
#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;
 +
}
 +
#cont .phoglry .photos a:hover b {    display: block }
 +
#cont .phoglry .phtnav {
 +
    height: 70px;
 +
    white-space: nowrap;
 +
}
 +
#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;
 +
}
 +
#cont .phoglry .phtnav img.selected {    background: #b4272c }
 +
#cont .phoglry .phscrol {    margin: 0 10px }
 +
#cont .phoglry .phscrol .viewport {
 +
    width: 700px;
 +
    height: 70px;
 +
    margin-bottom: 10px;
 +
    overflow: hidden;
 +
    position: relative;
 +
}
 +
#cont .phoglry .phscrol .overview {
 +
    white-space: nowrap;
 +
    position: absolute;
 +
    left: 0;
 +
    top: 0;
 +
}
 +
#cont .phoglry .phscrol .scrollbar {
 +
    clear: both;
 +
    height: 8px;
 +
    position: relative;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#cont .phoglry .phscrol .disable {    display: none }
 +
#feed {
 +
    width: 320px;
 +
    float: left;
 +
}
 +
#feed i {
 +
    position: absolute;
 +
    z-index: 4;
 +
}
 +
#feed .spc {
 +
    height: 20px;
 +
    background: #f6f6f6;
 +
}
 +
#feed .ads300 {
 +
    width: 300px;
 +
    padding: 10px;
 +
    background-color:#f9f9f9;
 +
}
 +
#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;
 +
}
 +
#feed .soclink a {
 +
    float: right;
 +
    width: 25px;
 +
    height: 25px;
 +
    margin-right: 5px;
 +
    font-size: 0;
 +
    background: url(site.png) no-repeat;
 +
    overflow: hidden;
 +
}
 +
#feed .soclink a.fcb {    background-position: -34px -53px }
 +
#feed .soclink a.twt {    background-position: -60px -53px }
 +
#feed .soclink a.pin {    background-position: -86px -53px }
 +
#feed .soclink a.ffd {    background-position: -112px -53px }
 +
#feed .soclink a.gop {    background-position: -138px -53px }
 +
#feed .soclink a.rss {    background-position: -164px -53px }
 +
#feed .weather {
 +
    width: 320px;
 +
    height: 100px;
 +
    color: #f5f5f5;
 +
    background: #404040;
 +
    overflow: hidden;
 +
}
 +
#feed .weather ul {
 +
    width: 320px;
 +
    height: 100px;
 +
}
 +
#feed .weather li {
 +
    width: 180px;
 +
    height: 60px;
 +
    padding: 20px 140px 20px 0;
 +
    text-align: right;
 +
    position: relative;
 +
}
 +
#feed .weather p {
 +
    color: #bbb;
 +
    padding-bottom: 9px;
 +
}
 +
#feed .weather abbr {
 +
    display: block;
 +
    padding-top: 2px;
 +
}
 +
#feed .weather img {
 +
    width: 120px;
 +
    height: 80px;
 +
    position: absolute;
 +
    right: 10px;
 +
    top: 10px;
 +
}
 +
#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);
 +
}
 +
#feed .news {
 +
    border-top: 1px solid #fff;
 +
    border-bottom: 1px solid #f9f9f9;
 +
}
 +
#feed .news dt {
 +
    font-weight: 700;
 +
    line-height: 18px;
 +
    border-top: 1px solid #fff;
 +
    border-bottom: 1px solid #f9f9f9;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#feed .news dt a i {
 +
    width: 20px;
 +
    height: 20px;
 +
    background: url(site.png) no-repeat;
 +
    left: 280px;
 +
    top: 193px;
 +
}
 +
#feed .news dt a i.vdo {    background-position: -134px -158px }
 +
#feed .news dt a i.fto {    background-position: -155px -158px }
 +
#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);
 +
}
 +
#feed .news dt a:hover {    background: #eee; }
 +
#feed .news dd {
 +
    width: auto;
 +
    height: auto;
 +
    font-weight: 700;
 +
    border-top: 1px solid #fff;
 +
    border-bottom: 1px solid #ccc;
 +
    background-color:#f9f9f9;
 +
}
 +
#feed .news dd a em {
 +
    font-size: 11px;
 +
    font-weight: normal;
 +
    text-decoration: none;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#feed .news dd a i {
 +
    width: 10px;
 +
    height: 10px;
 +
    background: url(site.png) no-repeat;
 +
    left: 85px;
 +
    top: 58px;
 +
}
 +
#feed .news dd a i.vdo {    background-position: -176px -158px }
 +
#feed .news dd a i.fto {    background-position: -187px -158px }
 +
#feed .news dd a img {
 +
    width: 82px;
 +
    height: 55px;
 +
    border: 1px solid #ccc;
 +
    position: absolute;
 +
    left: 15px;
 +
    top: 15px;
 +
}
 +
#feed .news dd a span {
 +
    display: block;
 +
    height: 20px;
 +
    font-weight: 400;
 +
    font-size: 12px;
 +
    color: #828282;
 +
}
 +
#feed .news dd a:hover {    background: #eee; }
 +
#feed .author {
 +
    width: 290px;
 +
    margin: 0;
 +
    padding: 15px;
 +
    background: #f9f9f9;
 +
    border-top: 2px solid #1d1d1d;
 +
    border-bottom: 1px solid #333;
 +
}
 +
#feed .author p {
 +
    padding: 0 0 10px 5px;
 +
    color: #606060;
 +
    font-weight: 700;
 +
    font-size: 16px;
 +
}
 +
#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;
 +
}
 +
#feed .author .box li {
 +
    width: 55px;
 +
    height: 55px;
 +
    margin: 5px;
 +
    border: 1px solid #999;
 +
    float: left;
 +
}
 +
#feed .author .box li.act {    border: 1px solid #d10000 }
 +
#feed .author .box li b {    display: none }
 +
#feed .author .box li small {    display: none }
 +
#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;
 +
}
 +
#feed .author .txt {
 +
    padding-left: 5px;
 +
    color: #606060;
}
}
-
/* Three columns */
+
#feed .author a {
-
 
+
    color:#606060!important;
-
.col-header {
+
-
  color: rgb(192,0,0);
+
-
  font-size: 24px;
+
}
}
-
.three-col {
 
-
  position: relative;
 
-
  width: 100%;
 
-
  padding: 40px;
 
 +
#feed .author .txt small {
 +
    display: block;
 +
    padding-bottom: 2px;
 +
    font-size: 13px;
}
}
-
.three-col .col1 {
+
#feed .scores {
-
  float: left;
+
    padding: 15px 14px;
-
  width: 33%;
+
    background: #4d4d4d;
-
  padding: 24px;
+
    border-top: 1px solid #666;
-
  background: #fff;
+
}
}
-
 
+
#feed .scores ol {
-
.three-col .col2 {
+
    height: 24px;
-
  width: 34%;
+
    font-size: 11px;
-
  margin-right: 33%;
+
    font-weight: 700;
-
  margin-left: 33%;
+
    background: #3c3c3c;
-
  padding: 24px;
+
    border-bottom: 1px solid #2d2f2f;
-
  background: #fff;
+
}
-
  border-style: solid;
+
#feed .scores ol li {
-
  border-width: 4px;
+
    height: 24px;
-
  -moz-border-image: url(https://static.igem.org/mediawiki/2014/9/93/ATOMS-Turkiye_column_seperator.png) 7 8 8 repeat stretch;
+
    line-height: 22px;
-
  -webkit-border-image: url(https://static.igem.org/mediawiki/2014/9/93/ATOMS-Turkiye_column_seperator.png) 7 8 8 repeat stretch;
+
    margin: 0 4px 0 8px;
-
  -o-border-image: url(https://static.igem.org/mediawiki/2014/9/93/ATOMS-Turkiye_column_seperator.png) 7 8 8 repeat stretch;
+
    cursor: pointer;
-
  border-image: url(https://static.igem.org/mediawiki/2014/9/93/ATOMS-Turkiye_column_seperator.png) 7 8 8 fill repeat stretch;
+
    float: left;
-
  border-top: 0;
+
}
-
  border-bottom: 0;
+
#feed .scores ol li a {
-
 
+
    display: block;
 +
    color: #e2e2e2;
 +
}
 +
#feed .scores ol li.act a {    color: #f6f171 }
 +
#feed .scores .nav {
 +
    height: 21px;
 +
    font-size: 12px;
 +
    font-weight: 700;
 +
    background: 0;
 +
    border: 0;
 +
}
 +
#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;
 +
}
 +
#feed .scores .nav li.act {    background: #3c3c3c }
 +
#feed .scores .nav li.act i {
 +
    width: 100%;
 +
    height: 1px;
 +
    background: #3c3c3c;
 +
    position: absolute;
 +
    left: 0;
 +
    bottom: -1px;
 +
}
 +
#feed .scores .tabs, #feed .scores .tab {    display: none }
 +
#feed .scores .tabs {
 +
    background: #1d1e1e;
 +
    border: 1px solid #2d2f2f;
 +
    box-shadow: 0 0 20px rgba(0,0,0,0.7);
 +
}
 +
#feed .league {
 +
    width: 290px;
 +
    overflow: hidden;
 +
}
 +
#feed .league .bar {
 +
    width: 290px;
 +
    height: 22px;
 +
    line-height: 22px;
 +
    text-align: center;
 +
    position: relative;
 +
}
 +
#feed .league .bar b {
 +
    width: 20px;
 +
    height: 22px;
 +
    color: #fff;
 +
    font-size: 12px;
 +
    position: absolute;
 +
    top: 0;
 +
}
 +
#feed .league .bar b.one {
 +
    width: auto;
 +
    left: 10px;
 +
    letter-spacing: 1px;
 +
}
 +
#feed .league .bar b.two {    right: 135px }
 +
#feed .league .bar b.thr {    right: 105px }
 +
#feed .league .bar b.fou {    right: 75px }
 +
#feed .league .bar b.fiv {    right: 45px }
 +
#feed .league .bar b.six {    right: 15px }
 +
#feed .league ul {
 +
    width: 270px;
 +
    padding: 0 10px;
 +
    color: #fff;
 +
    font-size: 12px;
 +
    font-family: Tahoma,Arial;
 +
    overflow: hidden;
 +
}
 +
#feed .league ul li {
 +
    width: 270px;
 +
    height: 22px;
 +
    line-height: 22px;
 +
    border-bottom: 1px solid #4d4d4d;
 +
    position: relative;
 +
}
 +
#feed .league ul li.end {    border: 0 }
 +
#feed .league ul li.sam {    color: #71c2f6 }
 +
#feed .league ul li.avr {    color: #f6c571 }
 +
#feed .league ul li.off {    color: #fe8080 }
 +
#feed .league ul li span {
 +
    width: 20px;
 +
    height: 22px;
 +
    text-align: center;
 +
    position: absolute;
 +
    top: 0;
 +
}
 +
#feed .league ul li span.one {    right: 125px }
 +
#feed .league ul li span.two {    right: 95px }
 +
#feed .league ul li span.thr {    right: 65px }
 +
#feed .league ul li span.fou {    right: 35px }
 +
#feed .league ul li span.fiv {    right: 5px }
 +
#feed .fixtur {
 +
    width: 290px;
 +
    overflow: hidden;
 +
}
 +
#feed .fixtur dl {
 +
    font-size: 12px;
 +
    line-height: 22px;
 +
}
 +
#feed .fixtur dt {
 +
    height: 22px;
 +
    color: #999;
 +
    text-align: center;
 +
    font-weight: 700;
 +
    font-style: italic;
 +
    background: #0e0e0e;
 +
    border-top: 1px solid #363636;
 +
}
 +
#feed .fixtur dd {
 +
    height: 22px;
 +
    color: #fff;
 +
    border-top: 1px solid #363636;
 +
}
 +
#feed .fixtur dd span {
 +
    width: 118px;
 +
    float: left;
 +
    overflow: hidden;
 +
}
 +
#feed .fixtur dd span.one {    text-align: right }
 +
#feed .fixtur dd span.two {
 +
    width: 54px;
 +
    color: #fe8080;
 +
    font-weight: 700;
 +
    text-align: center;
 +
}
 +
#feed .fixtur dd span.thr {    text-align: left }
 +
#footer {
 +
    width: 1170px;
 +
    height: 450px;
 +
    margin: 0 auto;
 +
    padding-top: 15px;
 +
    color: #666;
 +
    position: relative;
 +
}
 +
#footer .shdw {
 +
    width: 1170px;
 +
    height: 25px;
 +
    background: url(sh1dw.png) 0 -25px no-repeat;
 +
    position: absolute;
 +
    left: 0;
 +
    top: -25px;
 +
}
 +
#footer .util {
 +
    width: 1110px;
 +
    height: 140px;
 +
    margin: 0 auto;
 +
    text-align: center;
 +
    font-weight: 700;
 +
    white-space: nowrap;
 +
}
 +
#footer .util a {
 +
    min-width: 72px;
 +
    margin: 0 25px;
 +
    padding-top: 92px;
 +
    color: #8f8f8f;
 +
    position: relative;
 +
    float: left;
 +
}
 +
#footer .util a:hover {    color: #000 }
 +
#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;
 +
}
 +
#footer .util a:hover i {    opacity: 1 }
 +
#footer .util a.one i {    background-position: 0 -184px }
 +
#footer .util a.two i {    background-position: -70px -184px }
 +
#footer .util a.thr i {    background-position: -140px -184px }
 +
#footer .util a.fou i {    background-position: 0 -261px }
 +
#footer .util a.fiv i {    background-position: -70px -261px }
 +
#footer .util a.six i {    background-position: -140px -261px }
 +
#footer .util a.svn i {    background-position: 0 -338px }
 +
#footer .util a.eig i {    background-image: url(face.png) }
 +
#footer .util a.nin i {    background-image: url(twit.png) }
 +
#footer .menu {
 +
    width: 100%;
 +
    height: 195px;
 +
    padding-top: 20px;
 +
    background: url(foot.png) repeat;
 +
    position: relative;
 +
}
 +
#footer .menu dl {
 +
    width: 200px;
 +
    height: 210px;
 +
    padding-left: 30px;
 +
    border-left: 1px dashed #d1d1d1;
 +
    float: left;
 +
}
 +
#footer .menu dt {
 +
    height: 30px;
 +
    font-size: 14px;
 +
    font-weight: 700;
 +
    color: #4d4d4d;
 +
}
 +
#footer .menu dd {
 +
    font-size: 12px;
 +
    line-height: 20px;
 +
}
 +
#footer .menu dd a {    color: #666 }
 +
#footer .menu dd a:hover {    color: #000 }
 +
#footer .menu dl.ctg {    border: 0 }
 +
#footer .menu dl.ctg dd {
 +
    width: 100px;
 +
    float: left;
 +
}
 +
#footer p {
 +
    padding-top: 15px;
 +
    line-height: 18px;
 +
    text-align: center;
 +
    font-size: 11px;
 +
}
 +
#footer p a {    color: #666 }
 +
#wraper.thr #cont .shwnews li a.tit {    background: #1877b6 }
 +
#wraper.thr #cont .shwnews li a.lnk:hover {    background: #1877b6 }
 +
#wraper.thr #cont .vdoglry li a:hover {    color: #089496 }
 +
#wraper.thr #cont .phoglry .phtnav img.selected {    background: #1877b6 }
 +
#wraper.thr #cont .sldare {    box-shadow: none }
 +
#wraper.thr #cont .sldare em {    top: -70px }
 +
#wraper.thr #cont .sldare .sldtx .snav div.selected a {
 +
    background: #1877b6;
 +
    color: #fff;
 +
}
 +
#wraper.thr #cont .curr {
 +
    height: 70px;
 +
    background: #1876B4;
 +
    box-shadow: 0 -2px 4px rgba(0,0,0,0.2);
 +
}
 +
#wraper.thr #cont .curr ul {
 +
    color: #e4e4e4;
 +
    font-size: 14px;
 +
    font-weight: 700;
 +
}
 +
#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;
 +
}
 +
#wraper.thr #cont .curr li:last-child {    border-right: 0 }
 +
#wraper.thr #cont .curr h4 {    font-size: 20px }
 +
#wraper.thr #cont .curr h4 a {    color: #e4e4e4 }
 +
#wraper.thr #cont .curr i {
 +
    width: 32px;
 +
    height: 32px;
 +
    background: url(site.png) no-repeat;
 +
    position: absolute;
 +
    left: 10px;
 +
    top: 20px;
 +
}
 +
#wraper.thr #cont .curr i.mkb {
 +
    width: 25px;
 +
    height: 25px;
 +
    background-position: -44px -622px;
 +
    left: 13px;
 +
    top: 23px;
 +
}
 +
#wraper.thr #cont .curr i.eur {    background-position: -70px -622px }
 +
#wraper.thr #cont .curr i.usd {    background-position: -103px -622px }
 +
#wraper.thr #cont .curr i.gld {    background-position: -136px -622px }
 +
#wraper.fiv #side .spc {    display: none }
 +
#wraper.fiv #feed .spc {    display: none }
 +
#wraper.fiv #cont .shwnews li a.tit {    background: #137f39 }
 +
#wraper.fiv #cont .shwnews li a.lnk:hover {    background: #137f39 }
 +
#wraper.fiv #cont .vdoglry li a:hover {    color: #1e9209 }
 +
#wraper.fiv #cont .phoglry .phtnav img.selected {    background: #137f39 }
 +
#wraper.fiv #cont .sldare .sldtx .snav div a:hover {
 +
    background: #137f39;
 +
    color: #fff;
 +
}
 +
#wraper.fiv #cont .sldare .sldtx .snav div.selected a {
 +
    background: #137f39;
 +
    color: #fff;
 +
}
 +
#wraper.fiv #cont .sldare {    box-shadow: none }
 +
#wraper.fiv #cont .sldare em {    display: none }
 +
#wraper.fiv .smnu {
 +
    height: 30px;
 +
    line-height: 30px;
 +
    font-size: 13px;
 +
    font-weight: 700;
 +
    font-family: Verdana,Tahoma,Arial;
 +
    background: #1d9008;
 +
}
 +
#wraper.fiv .smnu a {    color: #fff }
 +
#wraper.fiv .smnu a:hover {    color: #0d5300 }
 +
#wraper.fiv .smnu li {
 +
    padding: 0 20px;
 +
    border-right: 1px solid #1f9907;
 +
    border-left: 1px solid #1a8207;
 +
    float: left;
 +
}
 +
#wraper.fiv .smnu li:first-child {
 +
    width: 88px;
 +
    border-left: 0;
 +
    text-align: center;
 +
}
 +
#wraper.fiv .smnu li:last-child {    box-shadow: 1px 0 0 #1a8207 }
 +
#wraper.six #cont .shwnews li a.tit {    background: #c1570a }
 +
#wraper.six #cont .shwnews li a.lnk:hover {    background: #c1570a }
 +
#wraper.six #cont .hotnews dt a span {    background: #c1570a }
 +
#wraper.six #cont .hotnews dd a:hover {    color: #ba7e0b }
 +
#wraper.six #cont .vdoglry li a:hover {    color: #ba7e0b }
 +
#wraper.six #cont .phoglry .phtnav img.selected {    background: #c1570a }
 +
#wraper.svn #cont .shwnews li a.tit {    background: #741784 }
 +
#wraper.svn #cont .shwnews li a.lnk:hover {    background: #741784 }
 +
#wraper.svn #cont .vdoglry li a:hover {    color: #95088b }
 +
#wraper.svn #cont .phoglry .phtnav img.selected {    background: #741784 }
 +
#wraper.svn #cont .sldare .sldtx .snav div a:hover {
 +
    background: #741784;
 +
    color: #fff;
 +
}
 +
#wraper.svn #cont .sldare .sldtx .snav div.selected a {
 +
    background: #741784;
 +
    color: #fff;
 +
}
 +
#wraper.one #cont .sldare .sldtx .snav div.selected a {
 +
    background: #9e1d0a;
 +
    color: #fff;
 +
}
 +
#detail {
 +
    width: 980px;
 +
    height: auto;
 +
    margin: 0 auto;
 +
    background: url(zro.jpg) repeat-y;
 +
    position: relative;
 +
}
 +
#detail.one .head .bar p {    background: #d30c0c }
 +
#detail.two .head .bar p {    background: #264ea0 }
 +
#detail.thr .head .bar p {    background: #1877b6 }
 +
#detail.fou .head .bar p {    background: #d50000 }
 +
#detail.fiv .head .bar p {    background: #3bac1d }
 +
#detail.six .head .bar p {    background: #c1570a }
 +
#detail.svn .head .bar p {    background: #741784 }
 +
#detail.nin .head {    height: 180px }
 +
#detail.nin .head .topnws {    margin-bottom: 60px }
 +
#detail.nin .head h2 {    font-size: 24px }
 +
#detail.eig h2 {
 +
    width: 610px;
 +
    font-size: 24px;
 +
    color: #666;
 +
    margin-bottom: 10px;
 +
    padding-bottom: 5px;
 +
    border-bottom: 1px dotted #ddd;
 +
}
 +
#detail .sbar {
 +
    width: 40px;
 +
    float: left;
 +
}
 +
#detail .sbar span {
 +
    display: block;
 +
    padding: 7px 0 7px 5px;
 +
    border-top: 1px solid #e1e1e3;
 +
    border-bottom: 1px solid #babcbf;
 +
}
 +
#detail .sbar span a {
 +
    display: block;
 +
    width: 29px;
 +
    height: 29px;
 +
    font-size: 0;
 +
    text-indent: -9999px;
 +
    background: url(site.png) no-repeat;
 +
}
 +
#detail .sbar span a.fc {    background-position: -100px -388px }
 +
#detail .sbar span a.tw {    background-position: -70px -388px }
 +
#detail .sbar span a.gp {    background-position: -129px -388px }
 +
#detail .sbar span.cou {
 +
    display: block;
 +
    padding: 12px 0;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#detail .sbar span.cou abbr b {
 +
    width: 8px;
 +
    height: 5px;
 +
    background: url(site.png) -216px -602px no-repeat;
 +
    position: absolute;
 +
    left: 8px;
 +
    top: -5px;
 +
}
 +
#detail .page {
 +
    width: 920px;
 +
    padding: 10px;
 +
    float: left;
 +
}
 +
#detail .head {
 +
    width: 920px;
 +
    margin-bottom: 20px;
 +
}
 +
#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;
 +
}
 +
#detail .head .topnws ul {
 +
    width: 873px;
 +
    display: block;
 +
    margin-left: -41px;
 +
}
 +
#detail .head .topnws li {
 +
    width: 250px;
 +
    height: 75px;
 +
    margin-left: 41px;
 +
    position: relative;
 +
    float: left;
 +
}
 +
#detail .head .topnws li a {
 +
    display: block;
 +
    width: 155px;
 +
    height: 75px;
 +
    padding-left: 95px;
 +
    position: relative;
 +
}
 +
#detail .head .topnws li img {
 +
    width: 75px;
 +
    height: 65px;
 +
    padding: 4px;
 +
    background: #fff;
 +
    border: 1px solid #c2c0c0;
 +
    position: absolute;
 +
    left: 0;
 +
    top: 0;
 +
}
 +
#detail .head .topnws li strong {
 +
    display: block;
 +
    line-height: 20px;
 +
    margin-bottom: 12px;
 +
    padding-top: 14px;
 +
    font-weight: 700;
 +
    font-size: 17px;
 +
    color: #0d8cdf;
 +
}
 +
#detail .head .topnws li i {    color: #8b8b8b }
 +
#detail .head .topnws li span {
 +
    color: #0d8cdf;
 +
    font-weight: 700;
 +
}
 +
#detail .head .topnws li a:hover strong {    text-decoration: underline }
 +
#detail .head .topnws li b {
 +
    width: 1px;
 +
    height: 75px;
 +
    background: url(site.png) -224px -158px no-repeat;
 +
    position: absolute;
 +
    left: -21px;
 +
    top: 0;
 +
}
 +
#detail .head h2 {
 +
    margin-bottom: 10px;
 +
    color: #646464;
 +
    font-size: 30px;
 +
    letter-spacing: 1px;
}
}
-
.three-col .col3 {
+
#detail .head h1 {
-
  float: right;
+
    margin-bottom: 10px;
-
  width: 33%;
+
    color: #646464;
-
  padding: 24px;
+
    font-size: 30px;
-
  background: #fff;
+
    letter-spacing: 1px;
}
}
 +
#detail .head h2.gal{ text-align: center;color: #0d8cdf;}
 +
#detail .head h2.one {    color: #b53232 }
 +
#detail .head h2.two {    color: #2e6fac }
 +
#detail .head .bar {
 +
    height: 23px;
 +
    line-height: 23px;
 +
    padding: 3px;
 +
    border: 1px solid #e6e6e6;
 +
    border-radius: 4px;
 +
    position: relative;
 +
}
 +
#detail .head .bar p {
 +
    height: 23px;
 +
    padding: 0 10px;
 +
    font-weight: 700;
 +
    color: #fff;
 +
    float: left;
 +
}
 +
#detail .head .bar small {
 +
    float: left;
 +
    margin: 0 25px 0 15px;
 +
    padding-right: 20px;
 +
    font-size: 11px;
 +
    color: #646464;
 +
    border-right: 1px solid #d0d0d0;
 +
}
 +
#detail .head .bar .soc {    float: left }
 +
#detail .head .bar .soc div {
 +
    float: left;
 +
    min-width: 50px;
 +
    margin-right: 10px;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#detail .cont {
 +
    width: 610px;
 +
    padding-bottom: 10px;
 +
    float: left;
 +
}
 +
#detail .cont .nws {
 +
    line-height: 20px;
 +
    margin-bottom: 20px;
 +
    font-size: 14px;
 +
}
 +
#detail .cont .nws img {    max-width: 600px }
 +
#detail .cont .lft {
 +
    width: 260px;
 +
    margin: 0 10px 5px 0;
 +
    padding-top: 200px;
 +
    position: relative;
 +
    float: left;
 +
}
 +
#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;
 +
}
 +
#detail .cont .lft .pht img {
 +
    display: block;
 +
    width: 100%;
 +
    height: 100%;
 +
}
-
/*BX Slider*/
+
.hbraltglr {
-
 
+
    width: 590px;
-
.bxslider span {
+
    height: 328px;
-
    cursor: pointer;
+
    padding: 4px;
 +
    background: #fff;
 +
    border: 1px solid #e1e1e1;
 +
    cursor: pointer;
 +
    position: relative;
 +
    z-index: 10;
 +
    margin-top: 10px;
}
}
-
 
+
.hbraltglr span
-
.bx-wrapper {
+
{
-
    margin-bottom: 10px;
+
    width: 570px;
-
    margin-top: 50px;
+
    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;
 +
}
 +
#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;
 +
}
 +
#detail .cont .lft .pht i.cls {    background-position: -60px -716px }
 +
#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;
 +
}
 +
#detail .cont .lft dl {
 +
    width: 240px;
 +
    padding: 0 5px 0 15px;
 +
    line-height: normal;
 +
    font-weight: 700;
 +
}
 +
#detail .cont .lft dt { color: #717171; font-size: 14px; }
 +
#detail .cont .lft dd {
 +
    width: 240px;
 +
    padding: 12px 0;
 +
    color: #3d3d3d;
 +
    border-bottom: 1px dotted #d3d3d3;
 +
}
 +
#detail .cont .lft dd.end {    border: 0 }
 +
#detail .cont .lft dd a {
 +
    display: block;
 +
    width: 230px;
 +
    color: #3f73ae;
 +
    position: relative;
 +
    font-size: 14px;
 +
}
 +
#detail .cont .lft dd a:hover {
 +
    color: #3f73ae;
 +
    text-decoration: underline;
 +
}
 +
#detail .cont .lft dd a i {
 +
    width: 4px;
 +
    height: 4px;
 +
    background: #727272;
 +
    border-radius: 2px;
 +
    position: absolute;
 +
    left: -11px;
 +
    top: 5px;
 +
    z-index: 2;
 +
}
 +
#detail .cont .tag {    padding: 30px 0 15px 0 }
 +
#detail .cont .tag a {
 +
    color: #4aa9e7;
 +
    line-height: 20px;
 +
}
 +
#detail .cont .tag a:hover {    text-decoration: underline }
 +
#detail .cont .tag b {
 +
    display: block;
 +
    color: #717171;
 +
    font-weight: 700;
 +
    margin: 0 0 2px 4px;
 +
}
 +
#detail .cont .tag span {
 +
    display: block;
 +
    padding: 2px 10px;
 +
    color: #4aa9e7;
 +
    border: 1px solid #e6e6e6;
 +
    border-radius: 4px;
 +
}
 +
#detail .cont .soc {
 +
    height: 23px;
 +
    line-height: 23px;
 +
    margin-bottom: 15px;
 +
    padding: 3px 10px;
 +
    border: 1px solid #e6e6e6;
 +
    border-radius: 4px;
 +
    position: relative;
 +
}
 +
#detail .cont .soc div {
 +
    float: left;
 +
    min-width: 60px;
 +
    margin-right: 15px;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#detail .cont .cmnt-wrt {    margin: 25px 0 }
 +
#detail .cont .cmnt-wrt label {
 +
    display: block;
 +
    margin-bottom: 4px;
 +
    font-size: 12px;
 +
    color: #000;
 +
}
 +
#detail .cont .cmnt-wrt textarea {
 +
    display: block;
 +
    width: 600px;
 +
    height: 20px;
 +
    margin-bottom: 5px;
 +
    padding: 4px;
 +
    color: #333;
 +
    border: 1px solid #333;
 +
}
 +
#detail .cont .cmnt-wrt textarea:focus {    height: 50px }
 +
#detail .cont .cmnt-wrt input {
 +
    float: right;
 +
    padding: 4px;
 +
    background: #949494;
 +
    font-size: 12px;
 +
    color: #fff;
 +
    border-radius: 4px;
 +
    cursor: pointer;
 +
}
 +
#detail .cont .cmnt-rea {    margin-bottom: 25px }
 +
#detail .cont .cmnt-rea strong {
 +
    display: block;
 +
    margin-bottom: 20px;
 +
    color: #ab0101;
 +
}
 +
#detail .cont .cmnt-rea .rows {
 +
    margin-bottom: 15px;
 +
    line-height: normal;
 +
    font-size: 11px;
 +
    font-family: Verdana,Tahoma,Arial;
 +
}
 +
#detail .cont .cmnt-rea .txt {
 +
    margin-bottom: 10px;
 +
    padding: 10px 20px;
 +
    background: #fbfbfb;
 +
    border: 1px solid #ddd;
 +
    position: relative;
 +
}
 +
#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;
 +
}
 +
#detail .cont .cmnt-rea .inf {
 +
    padding: 1px 7px 1px 60px;
 +
    position: relative;
 +
}
 +
#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;
 +
}
 +
#detail .cont .cmnt-rea .inf span {    color: #004176 }
 +
#detail .cont .cmnt-rea .btn {
 +
    height: 32px;
 +
    position: relative;
 +
}
 +
#detail .cont .cmnt-rea .btn span {
 +
    position: absolute;
 +
    right: 0;
 +
    top: 0;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#detail .cont .cmnt-rea .btn a.one i {    background-position: -197px -338px }
 +
#detail .cont .cmnt-rea .btn a.two i {    background-position: -197px -363px }
 +
#detail .cont .cmnt-rea .btn a.thr i {    background-position: -197px -388px }
 +
#detail .cont .cmnt-rea .rply {
 +
    padding-left: 60px;
 +
    margin-bottom: 7px;
 +
}
 +
#detail .cont .cmnt-rea .rply .txt {    background: #e5e5e5 }
 +
#detail .cont .cmnt-rea .rply .btn {    height: 30px }
 +
#detail .cont .cmnt-rea .more {
 +
    width: 610px;
 +
    height: 1px;
 +
    margin: 25px 0 36px 0;
 +
    background: #ededed;
 +
    position: relative;
 +
}
 +
#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;
 +
}
 +
#detail .cont .othnws {
 +
    line-height: normal;
 +
    position: relative;
 +
}
 +
#detail .cont .othnws p {
 +
    height: 23px;
 +
    margin-bottom: 20px;
 +
    padding-left: 10px;
 +
    color: #0d8cdf;
 +
    font-weight: 700;
 +
    border-bottom: 1px solid #ddd;
 +
}
 +
#detail .cont .othnws ul {    margin-left: -15px }
 +
#detail .cont .othnws li {
 +
    width: 290px;
 +
    height: 79px;
 +
    margin: 0 0 20px 20px;
 +
    border-bottom: 1px solid #ddd;
 +
    float: left;
 +
}
 +
#detail .cont .othnws li a {
 +
    display: block;
 +
    width: 200px;
 +
    height: 80px;
 +
    padding-left: 90px;
 +
    position: relative;
 +
}
 +
#detail .cont .othnws li img {
 +
    width: 80px;
 +
    height: 53px;
 +
    position: absolute;
 +
    left: 0;
 +
    top: 0;
 +
}
 +
#detail .cont .othnws li strong {
 +
    display: block;
 +
    line-height: 18px;
 +
    margin-bottom: 15px;
 +
    font-size: 14px;
 +
    font-weight: 700;
 +
    color: #000;
 +
}
 +
#detail .cont .othnws li b {
 +
    font-weight: 700;
 +
    color: #0d8cdf;
 +
}
 +
#detail .cont .othnws li i {
 +
    color: #898989;
 +
    font-size: 12px;
 +
}
 +
#detail .cont .othnws li a:hover strong {
 +
    color: #666;
 +
    text-decoration: underline;
 +
}
 +
#detail .cont .othnws .end {
 +
    width: 610px;
 +
    height: 22px;
 +
    background: #fff;
 +
    position: absolute;
 +
    left: 0;
 +
    bottom: 0;
 +
}
 +
#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;
 +
}
 +
#detail .cont .author ul {    margin-left: -15px }
 +
#detail .cont .author li {
 +
    width: 290px;
 +
    height: 126px;
 +
    margin: 0 0 40px 20px;
 +
    float: left;
 +
}
 +
#detail .cont .author li a {
 +
    display: block;
 +
    width: 170px;
 +
    height: 124px;
 +
    padding: 2px 0 0 120px;
 +
    color: #5f5f5f;
 +
    position: relative;
 +
}
 +
#detail .cont .author li span {
 +
    width: 106px;
 +
    height: 126px;
 +
    position: absolute;
 +
    left: 0;
 +
    top: 0;
 +
}
 +
#detail .cont .author li span img {
 +
    display: block;
 +
    width: 100px;
 +
    height: 100px;
 +
    border: 3px solid #e2e2e2;
 +
}
 +
#detail .cont .author li span i {
 +
    display: block;
 +
    width: 106px;
 +
    height: 20px;
 +
    background: url(site.png) 0 -654px no-repeat;
 +
}
 +
#detail .cont .author li strong {
 +
    display: block;
 +
    line-height: 18px;
 +
    margin-bottom: 8px;
 +
    font-size: 12px;
 +
    font-weight: 700;
 +
    color: #0d8cdf;
 +
}
 +
#detail .cont .author li small {
 +
    display: block;
 +
    font-size: 12px;
 +
    font-weight: 400;
 +
    color: #0d8cdf;
 +
}
 +
#detail .cont .author li em {
 +
    display: block;
 +
    margin-bottom: 5px;
 +
    color: #b0b0b0;
 +
    font-size: 11px;
 +
}
 +
#detail .cont .allaut ul {    margin-left: 10px }
 +
#detail .cont .allaut li {
 +
    width: 310px;
 +
    height: 100px;
 +
    margin-bottom: 20px;
 +
    padding: 0 0 30px 275px;
 +
    border-bottom: 1px dotted #ddd;
 +
    position: relative;
 +
}
 +
#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;
 +
}
 +
#detail .cont .allaut li span img {
 +
    width: 75px;
 +
    height: 75px;
 +
    border: 3px solid #e2e2e2;
 +
    position: absolute;
 +
    left: 0;
 +
    top: 0;
 +
    z-index: 2;
 +
}
 +
#detail .cont .allaut li span i {
 +
    width: 81px;
 +
    height: 20px;
 +
    background: url(site.png) -106px -654px no-repeat;
 +
    position: absolute;
 +
    left: 0;
 +
    top: 81px;
 +
}
 +
#detail .cont .allaut li span strong {
 +
    display: block;
 +
    margin-bottom: 14px;
 +
    font-size: 14px;
 +
    font-weight: 400;
 +
    color: #1d94e1;
 +
}
 +
#detail .cont .allaut li span small {
 +
    font-size: 12px;
 +
    color: #3e3e3e;
 +
}
 +
#detail .cont .allaut li div {
 +
    font-size: 12px;
 +
    line-height: 26px;
 +
}
 +
#detail .cont .allaut li div a {    color: #888 }
 +
#detail .cont .allaut li div a:hover {    text-decoration: underline }
 +
#detail .cont .lftaut {
 +
    width: 210px;
 +
    margin: 0 10px 15px 10px;
 +
    color: #d30c0c;
 +
    float: left;
 +
}
 +
#detail .cont .lftaut img {
 +
    display: block;
 +
    width: 194px;
 +
    height: 194px;
 +
    border: 3px solid #e2e2e2;
 +
}
 +
#detail .cont .lftaut i {
 +
    display: block;
 +
    width: 200px;
 +
    height: 20px;
 +
    background: url(site.png) 0 -674px no-repeat;
 +
}
 +
#detail .cont .lftaut a {    color: #d30c0c }
 +
#detail .cont .lftaut strong {font-size: 14px; display: block }
 +
#detail .cont .lftaut small {
 +
    display: block;
 +
    font-size: 12px;
 +
}
 +
#detail .cont .lstatc {    margin-bottom: 20px }
 +
#detail .cont .lstatc p {
 +
    height: 20px;
 +
    padding-left: 5px;
 +
    color: #ae0000;
 +
    font-weight: 700;
 +
    position: relative;
 +
}
 +
#detail .cont .lstatc .box {
 +
    padding: 2px 10px 2px 15px;
 +
    border: 1px solid #e6e6e6;
 +
    border-radius: 4px;
 +
}
 +
#detail .cont .lstatc .ul {    padding: 10px 5px 10px 10px }
 +
#detail .cont .lstatc li {
 +
    padding: 5px;
 +
    color: #747474;
 +
    border-bottom: 1px dotted #ddd;
 +
    position: relative;
 +
}
 +
#detail .cont .lstatc li.end {    border: 0 }
 +
#detail .cont .lstatc li a {
 +
    color: #747474;
 +
    font-size: 12px;
 +
}
 +
#detail .cont .lstatc li a:hover {    color: #000 }
 +
#detail .cont .lstatc li b {    font-weight: 700 }
 +
#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;
 +
}
 +
#detail .cont .othatc {    margin-bottom: 30px }
 +
#detail .cont .othatc select {
 +
    width: 610px;
 +
    padding: 4px;
 +
    border: 1px solid #e6e6e6;
 +
    border-radius: 4px;
 +
}
 +
#detail .cont .nwslist {    padding-bottom: 30px }
 +
#detail .cont .nwslist ul {
 +
    color: #555;
 +
    font-size: 12px;
 +
}
 +
#detail .cont .nwslist li {
 +
    width: 600px;
 +
    height: 72px;
 +
    padding: 10px 0;
 +
    border-bottom: 1px dotted #ddd;
 +
    position: relative;
 +
}
 +
#detail .cont .nwslist li img {
 +
    width: 100px;
 +
    height: 66px;
 +
    margin-right: 10px;
 +
    padding: 2px;
 +
    border: 1px solid #ddd;
 +
    float: left;
 +
}
 +
#detail .cont .nwslist li em {
 +
    font-style: normal;
 +
    color: #666;
 +
    font-size: 11px;
 +
    position: absolute;
 +
    right: 2px;
 +
    top: 10px;
 +
}
 +
#detail .cont .nwslist li h6 {
 +
    font-size: 16px;
 +
    padding-bottom: 2px;
 +
}
 +
#detail .cont .nwslist li h6 a {    color: #004176 }
 +
#detail .cont .nwslist li p {    line-height: 16px }
 +
#detail .cont .nwslist li h6 a:hover {    color: #ab0101 }
 +
#detail .cont .nwslist li span {
 +
    color: #004176;
 +
    position: absolute;
 +
    bottom: 8px;
 +
}
 +
#detail .cont .nwslist li span a {
 +
    margin-left: 2px;
 +
    color: #555;
 +
}
 +
#detail .cont .nwslist li span a:hover {    color: #ab0101 }
 +
#detail .cont .nwslast {
 +
    width: 610px;
 +
    padding-bottom: 30px;
 +
    overflow: hidden;
 +
}
 +
#detail .cont .nwslast ul {
 +
    width: 620px;
 +
    margin-left: -12px;
 +
}
 +
#detail .cont .nwslast li {
 +
    width: 194px;
 +
    height: 220px;
 +
    margin-left: 12px;
 +
    font-size: 12px;
 +
    float: left;
 +
}
 +
#detail .cont .nwslast li a {
 +
    display: block;
 +
    width: 194px;
 +
    height: 205px;
 +
    color: #333;
 +
    position: relative;
 +
    overflow: hidden;
 +
}
 +
#detail .cont .nwslast li img {
 +
    display: block;
 +
    width: 190px;
 +
    height: 127px;
 +
    margin-bottom: 4px;
 +
    padding: 1px;
 +
    border: 1px solid #c0c0c0;
 +
}
 +
#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;
 +
}
 +
#detail .cont .nwslast li strong {
 +
    display: block;
 +
    margin-bottom: 4px;
 +
    font-size: 14px;
 +
    color: #ab0101;
 +
}
 +
#detail .cont .nwslast li a:hover {    color: #004176 }
 +
#detail .cont .nwslast li a:hover strong {    text-decoration: none }
 +
#detail .side {
 +
    width: 300px;
 +
    margin-left: 10px;
 +
    float: left;
 +
}
 +
#detail .side .ads300 {
 +
    width: 300px;
 +
    margin-bottom: 25px;
 +
}
 +
#detail .side .author {
 +
    width: 300px;
 +
    margin-bottom: 25px;
 +
    padding-top: 34px;
 +
    position: relative;
 +
}
 +
#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;
 +
}
 +
#detail .side .author .box {
 +
    border: 1px solid #e6e6e6;
 +
    border-radius: 4px;
 +
}
 +
#detail .side .author ul {    padding: 5px 0 0 5px }
 +
#detail .side .author li {
 +
    width: 50px;
 +
    height: 50px;
 +
    margin: 10px;
 +
    border: 1px solid #999;
 +
    float: left;
 +
}
 +
#detail .side .author li.act {    border: 1px solid #d10000 }
 +
#detail .side .author li b {    display: none }
 +
#detail .side .author li small {    display: none }
 +
#detail .side .author .lin {
 +
    width: 270px;
 +
    height: 1px;
 +
    margin: 0 auto 14px auto;
 +
    background: #b5b5b5;
 +
    position: relative;
 +
}
 +
#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;
 +
}
 +
#detail .side .author .txt {    padding: 0 0 10px 15px }
 +
#detail .side .author .txt b {
 +
    display: block;
 +
    color: #fb1111;
 +
    padding-bottom: 2px;
 +
}
 +
#detail .side .author .txt small {
 +
    font-size: 13px;
 +
    color: #1d1d1d;
 +
}
 +
#detail .side .lstnws {
 +
    width: 300px;
 +
    margin-bottom: 25px;
 +
    padding-top: 34px;
 +
    position: relative;
 +
}
 +
#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;
 +
}
 +
#detail .side .lstnws .box {
 +
    border: 1px solid #e6e6e6;
 +
    border-radius: 4px;
 +
}
 +
#detail .side .lstnws ul {    padding: 10px 5px 10px 10px }
 +
#detail .side .lstnws li {
 +
    padding: 7px 5px 7px 40px;
 +
    position: relative;
 +
}
 +
#detail .side .lstnws li a {
 +
    color: #003f80;
 +
    font-size: 12px;
 +
    font-weight: 700;
 +
}
 +
#detail .side .lstnws li a:hover {    color: #000 }
 +
#detail .side .lstnws li b {
 +
    font-weight: 700;
 +
    color: #ad0000;
 +
    position: absolute;
 +
    left: 0;
 +
    top: 8px;
 +
    z-index: 2;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#detail .wbbx ul {
 +
    height: 205px;
 +
    padding: 5px 0;
 +
}
 +
#detail .wbbx li {
 +
    width: 211px;
 +
    height: 205px;
 +
    text-align: center;
 +
    border-left: 1px dotted #d4d4d4;
 +
    position: relative;
 +
    float: left;
 +
}
 +
#detail .wbbx li i {
 +
    font-size: 12px;
 +
    position: absolute;
 +
    left: 10px;
 +
    top: 5px;
 +
}
 +
#detail .wbbx li img {
 +
    display: inline-block;
 +
    width: 170px;
 +
    margin-top: 27px;
 +
}
 +
#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;
 +
}
 +
#detail .wbbx li span b {
 +
    display: block;
 +
    font-weight: 700;
 +
    color: #5791c7;
 +
}
 +
#detail .wbbx li.tdy {
 +
    width: 282px;
 +
    height: 205px;
 +
    text-align: center;
 +
    border: 0;
 +
}
 +
#detail .wbbx li.tdy em {
 +
    font-size: 18px;
 +
    text-shadow: 0 0 4px #fff;
 +
    position: absolute;
 +
    left: 40px;
 +
    bottom: 10px;
 +
}
 +
#detail .wbbx li.tdy img {
 +
    display: block;
 +
    width: 170px;
 +
    margin-left: 15px;
 +
}
 +
#detail .wbbx li.tdy span {
 +
    width: 70px;
 +
    padding: 0 0 10px 0;
 +
    text-align: right;
 +
    color: #5791c7;
 +
    font-size: 16px;
 +
    left: 185px;
 +
}
 +
#detail .wbbx li.tdy span b {
 +
    color: #2e6fac;
 +
    font-size: 21px;
 +
    padding-top: 2px;
 +
}
 +
#detail .wbbx li.tdy span.one {
 +
    border-bottom: 1px dotted #d4d4d4;
 +
    top: 65px;
 +
}
 +
#detail .wbbx li.tdy span.two {    top: 135px }
 +
#detail .wbox {
 +
    width: 920px;
 +
    margin-bottom: 30px;
 +
    overflow: hidden;
 +
}
 +
#detail .wbox small {
 +
    display: block;
 +
    margin-bottom: 12px;
 +
    padding-right: 10px;
 +
    text-align: right;
 +
    font-size: 13px;
 +
    color: #a4a4a4;
 +
}
 +
#detail .wbox ul {
 +
    width: 930px;
 +
    padding-left: 1px;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#detail .wbox h4 a {    color: #b53232 }
 +
#detail .wbox .inf {
 +
    width: 210px;
 +
    text-align: right;
 +
    font-size: 14px;
 +
    color: #2e6fac;
 +
    position: absolute;
 +
    right: 10px;
 +
    top: 60px;
 +
}
 +
#detail .wbox .inf strong {
 +
    display: block;
 +
    height: 54px;
 +
    font-size: 40px;
 +
    line-height: 32px;
 +
    font-weight: 700;
 +
}
 +
#detail .wbox .inf b {
 +
    display: block;
 +
    height: 24px;
 +
    line-height: 16px;
 +
    font-weight: 700;
 +
}
 +
#detail .wbox .inf span {
 +
    display: block;
 +
    height: 20px;
 +
    line-height: 14px;
 +
}
 +
#detail .wbox .inf img {
 +
    width: 120px;
 +
    height: 100px;
 +
    position: absolute;
 +
    left: 3px;
 +
    top: -10px;
 +
    z-index: 5;
 +
}
 +
#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;
 +
}
 +
#detail .wbox .lnk a {    color: #9c9c9c }
 +
#detail .city h5 {
 +
    margin-bottom: 10px;
 +
    padding-left: 10px;
 +
    font-size: 16px;
 +
    color: #b53232;
 +
}
 +
#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;
 +
}
 +
#detail .city ul {
 +
    width: 100px;
 +
    border-right: 1px dotted #d4d4d4;
 +
    float: left;
 +
}
 +
#detail .city ul li {
 +
    text-align: center;
 +
    border-bottom: 1px dotted #d4d4d4;
 +
}
 +
#detail .city li a {
 +
    display: block;
 +
    padding: 4px 0;
 +
    font-weight: 700;
 +
    color: #758fa7;
 +
    line-height: 22px;
 +
}
 +
#detail .city li a:hover {
 +
    color: #666;
 +
    background: #f0f0f0;
 +
}
 +
#detail .city .end {    border: 0 }
 +
#detail .fbox {
 +
    width: 920px;
 +
    margin-bottom: 30px;
 +
    overflow: hidden;
 +
}
 +
#detail .fbox small {
 +
    display: block;
 +
    margin-bottom: 12px;
 +
    padding-right: 10px;
 +
    text-align: right;
 +
    font-size: 13px;
 +
    color: #a4a4a4;
 +
}
 +
#detail .fbox ul {
 +
    width: 930px;
 +
    padding-left: 1px;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#detail .fbox h4 a {    color: #2e6fac }
 +
#detail .fbox i {
 +
    width: 70px;
 +
    height: 85px;
 +
    background: url(site.png) no-repeat;
 +
    position: absolute;
 +
    left: 10px;
 +
    top: 75px;
 +
}
 +
#detail .fbox i.eur {    background-position: 0 -418px }
 +
#detail .fbox i.usd {    background-position: -70px -418px }
 +
#detail .fbox i.mkb {
 +
    width: 95px;
 +
    background-position: 0 -503px;
 +
}
 +
#detail .fbox i.gld {
 +
    width: 85px;
 +
    background-position: -140px -418px;
 +
}
 +
#detail .fbox span {
 +
    font-weight: 700;
 +
    font-size: 22px;
 +
    color: #2e6fac;
 +
    text-align: right;
 +
    position: absolute;
 +
    right: 20px;
 +
    top: 71px;
 +
}
 +
#detail .fbox span b {
 +
    display: block;
 +
    margin-bottom: 20px;
 +
    font-weight: 700;
 +
    font-size: 28px;
 +
}
 +
#detail .fbox span.dw {    color: #b53232 }
 +
#detail .fbox span.up {    color: #2fa007 }
 +
#detail .flst {
 +
    width: 920px;
 +
    margin-bottom: 30px;
 +
    overflow: hidden;
 +
}
 +
#detail .flst h3 {
 +
    margin-bottom: 10px;
 +
    padding-left: 5px;
 +
    color: #b53232;
 +
    font-size: 18px;
 +
}
 +
#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;
 +
}
 +
#detail.mmdia .mmnav {    padding-bottom: 30px }
 +
#detail.mmdia .head {
 +
    height: auto;
 +
    padding-bottom: 15px;
 +
}
 +
#detail.mmdia .mmlst ul {    padding-left: 2px }
 +
#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;
 +
}
 +
#cont .bb-bookblock .slider {    margin-bottom: 0 }
 +
#cont .bb-bookblock .hotnews {
 +
    height: 468px;
 +
    margin-bottom: 0;
 +
    background: #f6f6f6;
 +
    border-color: #e9e9e9;
 +
    border-top: 1px solid #e9e9e9;
 +
    padding: 0 10px;
 +
    overflow: hidden;
 +
}
 +
#cont .bb-bookblock .hotnews dt {    margin-bottom: 23px }
 +
#cont .bb-bookblock .hotnews dd {
 +
    margin-bottom: 17px;
 +
    background: 0;
 +
}
 +
#cont .bb-bookblock .hotnews i {    height: 468px }
 +
#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;
 +
}
 +
#cont .bb-bookblock .hotnews dd.bar strong {
 +
    margin-left: 25px;
 +
    color: #898989;
 +
    font-size: 18px;
 +
    text-shadow: 1px 1px 1px #fff;
 +
}
 +
#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;
 +
}
 +
#cont .superManset {
 +
    height: 115px;
 +
    width: 720px;
 +
    background-image: url(superBg.jpg);
 +
    position: relative;
 +
    text-align: center;
 +
}
 +
#cont .superManset em {
 +
    width: 100px;
 +
    height: 100px;
 +
    background-image: url(superMansetFlash.png);
 +
    float: left;
 +
    position: absolute;
 +
    right: -4px;
 +
    top: -4px;
 +
    z-index: 400;
 +
}
 +
#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;
 +
}
 +
#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 }
 +
#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; }
-
.bx-wrapper .bx-viewport {
+
#feed .popcmntd {
-
  left: 0;
+
    width: 314px;
 +
    margin: 10px 3px 0px 3px;
}
}
 +
#feed .popcmntdbttm {
 +
    background-image: url('anaCokAlt.jpg');
 +
    height: 10px;
 +
    width: 307px;
 +
    margin: 0 auto;
 +
}
 +
#feed .popcmntd .ttlbar {
 +
    background-image: url('popcmntdmain.jpg');
 +
    background-repeat: no-repeat;
 +
    width: 314px;
 +
    height: 46px;
 +
    font-size: 15px;
 +
    font-weight: bold;
 +
    position: relative;
 +
}
 +
#feed .popcmntd .ttlbar .act {
 +
    color: #000000;
 +
}
 +
#feed .popcmntd .ttlbar .pass {
 +
    color: #606060;
 +
}
 +
#feed .popcmntd span {
 +
    cursor: pointer;
 +
}
 +
#feed .popcmntd .ttlbar #popcmntdPopular {
 +
    position: absolute;
 +
    top: 12px;
 +
    left: 26px;
 +
}
 +
#feed .popcmntd .ttlbar #popcmntdCmntd {
 +
    position: absolute;
 +
    top: 12px;
 +
    left: 180px;
 +
}
 +
#feed .popcmntd ul {
 +
    width: 301px;
 +
    margin: 0 auto;
 +
    background-color: #f9f9f9;
 +
    padding: 5px 3px 5px 3px;
 +
}
 +
#feed .popcmntd ul li {
 +
    position: relative;
 +
    width: 301px;
 +
    height: 60px;
 +
}
 +
#feed .popcmntd ul li:hover {
 +
    background-color: #eee;
 +
    cursor: pointer;
 +
}
 +
#feed .popcmntd ul li img {
 +
    height: 50px;
 +
    width: 75px;
 +
    border: 2px solid #fff;
 +
    left: 5px;
 +
    top: 5px;
 +
    position: absolute;
 +
}
 +
#feed .popcmntd ul li em {
 +
    position: absolute;
 +
    font-size: 12px;
 +
    color: #606060;
 +
    top: 5px;
 +
    left: 93px;
 +
}
 +
#feed .popcmntd ul li strong {
 +
    position: absolute;
 +
    font-size: 14px;
 +
    color: #404040;
 +
    top: 23px;
 +
    left: 93px;
 +
}
 +
#feed .popcmntd ul#cmntd {
 +
    display: none;
 +
}
 +
/*vdo*/
 +
#detail .side .rghtClmnVdoBox {
 +
    width: 300px;
 +
    margin-bottom: 10px;
 +
    padding-top: 34px;
 +
    position: relative;
 +
}
 +
#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;
 +
}
 +
#detail .side .rghtClmnVdoBox .box {
 +
    border: 1px solid #E6E6E6;
 +
    border-radius: 4px;
 +
    padding-bottom: 10px;
 +
    padding-top: 2px;
 +
}
 +
#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);
 +
}
 +
#detail .side .rghtClmnVdoBox .box .bgVdo i {
 +
    position: absolute;
 +
    width: 92px;
 +
    height: 92px;
 +
    top: 36px;
 +
    left: 93px;
 +
    background-image: url('playDetay.png');
 +
}
 +
#detail .side .rghtClmnVdoBox .box .bgVdo img {
 +
    width: 266px;
 +
    height: 150px;
 +
    padding: 5px;
 +
   
 +
}
 +
#detail .side .rghtClmnVdoBox .box ul {
 +
    margin-left: 10px;
 +
}
 +
#detail .side .rghtClmnVdoBox .box ul li {
 +
    float: left;
 +
    width: 66px;
 +
    height: 44px;
 +
    margin-right: 5px;
 +
}
 +
#detail .side .rghtClmnVdoBox .box ul li img {
 +
    width: 66px;
 +
    height: 44px;
 +
}
 +
#detail .side .rghtClmnVdoBox .box ul li.act img {
 +
    width: 60px;
 +
    height: 38px;
 +
    border: 3px solid #125d8e;
 +
}
-
 
+
/*pht*/
-
 
+
#detail .side .rghtClmnPhtBox {
-
/*Right menu*/
+
    width: 300px;
-
 
+
    margin-bottom: 10px;
-
#rightmenu
+
    padding-top: 34px;
-
{position: absolute;
+
    position: relative;
-
  top: 106px;
+
}
-
  right: 15px;
+
#detail .side .rghtClmnPhtBox p {
-
  z-index: 4;
+
    width: 290px;
-
  list-style: none;
+
    height: 44px;
-
  float: right;
+
    line-height: 44px;
-
  width: 20%;
+
    padding-left: 23px;
-
  margin-right: 5%;
+
    color: white;
-
  display: inline-block;
+
    font-size: 14px;
-
  min-width: 200px;
+
    font-weight: 700;
-
  margin-top: 50px;
+
    text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5);
 +
    background: url(rightColumnRedTitle.png) no-repeat;
 +
    position: absolute;
 +
    left: -6px;
 +
    top: 0;
 +
}
 +
#detail .side .rghtClmnPhtBox .box {
 +
    border: 1px solid #E6E6E6;
 +
    border-radius: 4px;
 +
    padding-bottom: 10px;
 +
    padding-top: 2px;
 +
}
 +
#detail .side .rghtClmnPhtBox .box strong {
 +
    color: #FB1111;
 +
    margin-left: 10px;
 +
    margin-bottom: 10px;
 +
}
 +
#detail .side .rghtClmnPhtBox .box ul {
 +
    padding: 5px 0 0 5px;
 +
    margin-top: 5px;
 +
    margin-bottom: 8px;
 +
}
 +
#detail .side .rghtClmnPhtBox .box li {
 +
    float: left;
 +
}
 +
#detail .side .rghtClmnPhtBox .box li a {
 +
    width: 90px;
 +
    height: 60px;
 +
    margin-right: 2px;
 +
    padding: 5px;
 +
}
 +
#detail .side .rghtClmnPhtBox .box li a img {
 +
    width: 81px;
 +
    height: 54px;
 +
    border: 2px solid #ccc;
 +
    margin-bottom: 5px;
 +
}
 +
#detail .side .rghtClmnPhtBox .box li a.act img {
 +
    border: 2px solid #B30000;
 +
}
 +
#detail .side .rghtClmnPhtBox .lin {
 +
    width: 282px;
 +
    height: 1px;
 +
    margin: 3px auto 14px auto;
 +
    background: #B5B5B5;
 +
    position: relative;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#jfontsize-minus:hover, #jfontsize-plus:hover {
 +
    text-decoration: none;
 +
    background: #333;
 +
    color: #fff;
 +
    border: solid 1px #333;
}
}
-
#rightmenu li {
 
-
  list-style: none;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  background: rgb(211,0,0);
 
-
  line-height: 50px;
 
 +
/*#region @ak globals*/
-
  border-style: solid;
+
.ak_clear:after {
-
border-width: 0px 0px 3px;
+
    content: " "; /* Older browser do not support empty content */
-
-moz-border-image: url(https://static.igem.org/mediawiki/2014/c/cc/ATOMS-Turkiye_separator_right.png) 3 26 3 27 stretch repeat;
+
    visibility: hidden;
-
-webkit-border-image: url(https://static.igem.org/mediawiki/2014/c/cc/ATOMS-Turkiye_separator_right.png) 3 26 3 27 stretch repeat;
+
    display: block;
-
-o-border-image: url(https://static.igem.org/mediawiki/2014/c/cc/ATOMS-Turkiye_separator_right.png) 3 26 3 27 stretch repeat;
+
    height: 0;
-
border-image: url(https://static.igem.org/mediawiki/2014/c/cc/ATOMS-Turkiye_separator_right.png) 3 26 3 27 stretch repeat;
+
    clear: both;
}
}
-
#rightmenu li:last-child {
+
/*#endregion @ak globals*/
-
  border-bottom: 0;
+
/*#region small headline*/
-
}
+
-
#rightmenu a {
+
/*#endregion small headling*/
-
  font-family: "Khmer UI", sans-serif;
+
-
  color: #ffffff;
+
-
  display: block;
+
-
  text-align: center;
+
-
  text-decoration: none;
+
-
  margin: 0;
+
-
  padding-top: 0px;
+
-
  height: 50px;
+
-
  background: rgb(211,0,0);
+
-
}
+
-
 
+
-
#rightmenu a:hover {
+
-
  background: rgb(160,40,40);
+
-
}
+

Latest revision as of 17:05, 11 October 2014

/* ---------------------------------------- */ /* ---------------------------------------- */ /* ---- 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*/

Retrieved from "http://2014.igem.org/Team:ATOMS-Turkiye/fetStyles.css"