From 2014.igem.org
/* ---------------------------------------- */
/* ---------------------------------------- */
/* ---- CSS+xHTML written by tehorionx ---- */
/* --------- tehorionx@gmail.com ---------- */
/* ---------------------------------------- */
/* --------------- CSS3 ------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, small, strong, b, u, i, dl, dt, dd, ol, ul, li, abbr, fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
ol, ul, li { list-style: none }
input {
border: 0;
background: 0;
outline: 0;
font-size: 14px;
font-family: Arial,sans-serif;
}
select {
border: 0;
outline: 0;
font-size: 12px;
font-family: Calibri,Tahoma,Arial,sans-serif;
}
textarea {
margin: 0;
border: 0;
outline: 0;
resize: none;
font-size: 13px;
font-family: Arial,sans-serif;
overflow: auto;
}
body {
/* padding-top: 80px; */
background: #f6f6f6;
font-size: 13px;
font-family: Arial,sans-serif;
color: #1d1d1d;
}
html, body { height: 100% }
a {
text-decoration: none;
outline: 0;
}
.fix {
clear: both;
font-size: 0;
line-height: 0;
line-height: 0;
}
.sfnav {
height: 73px;
font-size: 0;
text-indent: -9999px;
position: fixed;
top: 50%;
margin-top: -37px;
z-index: 2000;
}
#sfnav-left {
width: 45px;
background: url(solOk.png) no-repeat;
left: 0;
}
#sfnav-right {
width: 39px;
background: url(sagOk.png) no-repeat;
right: 0;
}
#yuklesayfa {
width: 1170px;
height: 100%;
position: absolute;
top: 85px;
z-index: 700;
}
#yuklesayfa.fixed { z-index: 400 }
#detay-wrap {
display: none;
width: 1170px;
height: 100%;
position: absolute;
top: 0;
z-index: 900;
}
#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;
}
#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;
}
#loading {
display: none;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
position: absolute;
left: 50%;
top: 50%;
z-index: 9999;
}
#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;
}
#header .wrp {
width: 1170px;
height: 40px;
margin: 0 auto;
position: relative;
}
#header h1 {
width: 223px;
height: 57px;
background: url(yeniLogo.png) no-repeat;
position: absolute;
left: -40px;
top: -8px;
z-index: 4;
}
#header h1 a {
display: block;
text-indent: -9999px;
height: 57px;
}
#header ol {
height: 40px;
line-height: 40px;
margin-left: 220px;
font-size: 15px;
font-weight: 700;
}
#header ol li {
height: 40px;
margin: 0 17px 0 15px;
position: relative;
float: left;
}
#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;
}
#feed .author a {
color:#606060!important;
}
#feed .author .txt small {
display: block;
padding-bottom: 2px;
font-size: 13px;
}
#feed .scores {
padding: 15px 14px;
background: #4d4d4d;
border-top: 1px solid #666;
}
#feed .scores ol {
height: 24px;
font-size: 11px;
font-weight: 700;
background: #3c3c3c;
border-bottom: 1px solid #2d2f2f;
}
#feed .scores ol li {
height: 24px;
line-height: 22px;
margin: 0 4px 0 8px;
cursor: pointer;
float: left;
}
#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;
}
#detail .head h1 {
margin-bottom: 10px;
color: #646464;
font-size: 30px;
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%;
}
.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;
}
#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; }
#feed .popcmntd {
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 {
width: 300px;
margin-bottom: 10px;
padding-top: 34px;
position: relative;
}
#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;
}
#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;
}
/*#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*/
"
