﻿@charset "utf-8";
* { -webkit-text-size-adjust: none; }
/*html4 reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img, input { border: 0 none; }
address, caption, cite, code, dfn, em, th, var, b, h1, h2, h3 { font-style: normal; font-weight: normal; }
ol, ul, li { list-style-type: none }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
a { text-decoration: none; }
.clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
.clearfix { zoom: 1; }
.right { float: right; }
/*html5 reset*/
header, footer, section, nav, menu, details, hgroup, figure, figcaption, article, aside { margin: 0; padding: 0; display: block; }
body { background-color: #e6e6e6; font: 14px microsoft yahei; }
/* ===== 通用页头 ===== */
header .cannon h1 a, header .cannon .right, header .logo a, header nav .now .icon-now, header nav .account .icon-search, header nav .account .filter .icon, footer .about-us .coporation a, header .nav-wrap .account .icon-user, header .nav-wrap .account .user .icon-down { background: url(../../images/common.png) no-repeat; }
header { background-color: #f8f8f8; }
header .cannon { height: 80px; width: 980px; margin: 0 auto; overflow: hidden; }
header .cannon h1 a { display: block; height: 80px; width: 154px; overflow: hidden; }
header .cannon .right { background-position: 0 -80px; display: block; height: 80px; line-height: 80px; width: 204px; float: right; text-indent: 10000px;_overflow:hidden; }
header .logo {float: left;width: 148px;margin-right: 105px;}
header .logo a { background: url(../../images/logo.jpg) no-repeat;display: block; height: 72px; width: 148px; margin-top: 18px; }
header .nav-wrap { height: 100px; background-color: #009fbf; font: 18px microsoft yahei; box-shadow: 0 1px 3px #0086a1 inset; }
header .nav-wrap nav { width: 980px; margin: 0 auto; }
header .nav-wrap .account { height: 50px; line-height: 50px; margin-left: 230px;_overflow:hidden; }
header nav .nav-list li { float: left; margin-right: 17px; position: relative;padding:0 5px;_height:50px;_display:inline;  }
header .nav-wrap nav .nav-list li a { color: #fff; display: inline-block; height: 50px; line-height: 50px;_overflow:hidden; }
header nav .now .icon-now { background:url(../../images/nav-now-jiantou.png) no-repeat; display: block; height: 10px; width: 18px; position: absolute; bottom: 0; left: 50%; margin-left: -6px;_bottom:-11px; }
header nav .account .down { display: block; height: 40px; width: 18px; padding: 0; float: right; }
header nav .account .user {z-index: 999; float: right; height: 36px; /*width: 159px;*/ margin: 7px 0 0 20px; border-left: 1px solid #007899; box-shadow: 1px 0 1px #00a2c1 inset; _overflow:hidden; _width: 160px;_margin-top:7px;}
header nav .account .user li { height: 36px; line-height: 36px; _padding-top:6px;_height:26px;}
header nav .account .user li a { color: #fff; /*height: 36px;_margin-top:10px; */ display: inline-block; _margin-top: 3px;}
header .nav-wrap .account .icon-user { background-position: -227px -70px; display: block; height: 24px; width: 24px; float: left; margin: 6px 8px 0 18px;_display:inline;_margin-top:0;}
header .nav-wrap .account .user .icon-down { background-position: -186px -70px; display: inline-block; height: 10px; width: 14px; margin: 12px 0 0 10px;*margin-top:10px;_margin-top:0;_overflow:hidden;_vertical-align:middle;}
header nav .account .search-box { background-color: #4db1ca; border: solid #47a4bb; border-width: 0 1px; border-radius: 3px; float: right; margin-top: 9px; height: 30px; width: 220px; box-shadow: 0 1px 1px #008fb3 inset; }
header nav .account .filter { float: left; font-size: 16px; position: relative; height: 30px; width: 70px;*margin-top:-10px;_margin-top:0;_overflow:hidden;}
header nav .account .filter li a { color: #fff; display: block; height: 30px; line-height: 30px; width: 55px; position: relative; padding-left: 10px; }
header nav .account .filter .icon { background-position: -168px -70px; display: block; height: 10px; width: 14px; position: absolute; top: 11px; right: 4px;*margin-top:10px;_margin-top:0;_overflow:hidden; }
header nav .account .search-text { background-color: #4db1ca; color: #fff; float: left; font: 16px microsoft yahei; height: 28px; line-height: 28px; width: 120px; margin: 1px;_overflow:hidden; }
header nav .account .icon-search { background-position: -204px -80px; display: block; float: right; height: 16px; width: 16px; margin: 7px 4px 0 1px; cursor: pointer;_overflow:hidden; }

/*nav search style 20130522*/
header nav .account .search-box{ background:#525252; border: 1px solid #525252; box-shadow: 0 1px 1px #3f3f3f inset;}
header nav .account .search-text{ background:#525252;}
header nav .account .search-box .filter .icon{ background: url(../../images/nav_search_down.png) no-repeat;}
header nav .account .search-box .icon-search{background: url(../../images/nav_search_icon.png) no-repeat; }
header nav .account .search-box .filter.expand{background:#525252; border: 1px solid #525252; }
header nav .account .filter .search-menu a{ background:none; border-bottom:1px solid #070707;}

/* ===== 通用页尾 ===== */
footer { background: url(../../images/common/footer_dark.png) repeat; height: 170px; color: #cccccc; font: 14px microsoft yahei; }
footer a { color: #ccc; }
footer a:hover { text-decoration: underline; }
footer nav { background: url(../../images/common/footer_light.png) repeat; color: #666; height: 60px; line-height: 60px; text-align: center; }
footer nav a { font-size: 16px; margin: 0 12px; }
footer .about-us { width: 800px; margin: 28px auto 0; line-height: 28px; position: relative; text-align: center;}
footer .about-us .coporation { position: absolute; right: 0; top: 25px; }
footer .about-us .coporation a { display: block; float: left; height: 33px; width: 33px; overflow: hidden; }
footer .about-us .coporation .sina { background-position: -266px -80px; margin-right: 20px; }
footer .about-us .coporation .tencent { background-position: -266px -113px; }
footer .xieyi a{text-decoration: underline;}
/* ===== 页面主体 ===== */
.bd { width: 980px; margin: 20px auto 0; overflow: hidden; }
/* 名称：公共模块_bk
   用途：全站的公共模块
======================================== */
.btn { display: inline-block; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn-normal { font: normal 18px/1 "microsoft yahei"; padding: 7px 24px 8px; _padding: 10px 24px 6px; }
.btn-large { font: normal 24px/1 "microsoft yahei"; padding: 8px 20px 10px; _padding: 10px 20px 10px; }
.btn-cyan { color: #fff; background: #009FBF; border: 1px solid #1BA4BF; -webkit-box-shadow: 0 4px 0px #0086b2; -moz-box-shadow: 0 4px 0px #0086b2; box-shadow: 0 4px 0px #0086b2; }
.btn-cyan:hover { color: #fff; text-decoration: none; background: #29bccc; }
.btn-ljjr { color: #fff; background: #29bccc; border: 1px solid #1BA4BF; -webkit-box-shadow: 0 4px 0px #1298b2; -moz-box-shadow: 0 4px 0px #1298b2; box-shadow: 0 4px 0px #1298b2; }
.btn-ljjr:hover { color: #fff; text-decoration: none; background: #2cc4db; }
.m-btn-pill { display: inline-block; color: #999; font: normal 16px/18px "microsoft yahei"; text-align: center; padding: 5px 15px 7px; _padding: 7px 15px 5px; }
.m-btn-pill:hover, .m-bar-pills .active { color: #fff; text-decoration: none; background: #009fbf; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.m-btn-bline { float: left; display: inline-block; color: #999; font: normal 16px/18px "microsoft yahei"; text-align: center; border-bottom: 2px solid #cbcccc; padding: 6px 10px 5px; _padding: 8px 10px 3px; }
.m-btn-bline:hover, .m-bar-bline .active { color: #009fbf; text-decoration: none; border-bottom-color: #0ca3c1; }
.icon { display: inline-block; background: url(../../images/common/b_bg_icons_p24.png) no-repeat 0 0; _background: url(../../images/common/b_bg_icons.png) no-repeat 0 0; }
.icon-arrows-right { width: 10px; height: 12px; background-position: 0 0; }
.icon-share { display: inline-block; width: 32px; height: 32px; background: url(../../images/common/b_bg_share.png) no-repeat 0 0; }
.icon-share-sina { background-position: 0 0; }
.icon-share-tencent { background-position: 0 -43px; }
.icon-share-sina-small { width: 16px; height: 16px; vertical-align: middle; background-position:0 -42px; }
.icon-q { width: 20px; height: 20px; background-position: 0 -22px; }
.icon-rule { width: 20px; height: 20px; background-position: -30px -22px; }
.txC { text-align: center; }
.btn-bar-center { text-align: center; }
.btn-bar-right { text-align: right; }
.input { height: 28px; color: 5e5e5e; font: normal 12px/1 "microsoft yahei"; line-height: 28px; vertical-align: middle; background: #f4f4f4; border: 1px solid #D4D4D4; padding-left: 0.5em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; }
.select { height: 26px; line-height: 30px; vertical-align: middle; border: 1px solid #cecece; padding: 2px 0; }
.select-photos { height: 34px; color: #969696; font: normal 14px/30px "microsoft yahei"; vertical-align: middle; border: 1px solid #cecece; padding: 6px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); box-shadow: 0 1px 3px rgba(0,0,0,0.15); }
.checkbox { position: relative; top: 0.4em; _top: 0.3em; display: inline-block; width: 13px; height: 13px; vertical-align: top; margin: 0 4px 0 0; padding: 0; }
.line-2px { height: 0; line-height: 0; font-size: 0; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #fff; margin: 10px auto; }
.line-3px { height: 0; line-height: 0; font-size: 0; border-top: 2px solid #d4d4d4; border-bottom: 1px solid #fff; margin: 10px auto; }
.verification-code { display: inline-block; height: 30px; color: #fff; font: normal 16px/1 Arial; line-height: 30px; vertical-align: middle; background: #ABABAB; margin-left: 10px; }
.box-sr { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); box-shadow: 0 1px 3px rgba(0,0,0,0.15) }
.box-sr-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
.w55 { width: 55px; }
.w80 { width: 80px; }
.w105 { width: 105px; }
.w200 { width: 200px; }
.w260 { width: 260px; }
.w265 { width: 265px; }
.mt30 { margin-top: 30px; }
.mr15 { margin-right: 15px; }
.mb10 { margin-bottom: 10px; }
.mt5 { margin-top: 5px; }
.mtb20 { margin: 20px auto; }
.plr-15 { padding-left: 15px; padding-right: 15px; }
.plr-45 { padding-left: 45px; padding-right: 45px; }
.ver-t { display: inline-block; vertical-align: top; }
.col-l { float: left; }
.col-r { float: right; }
.pull-left { float: left; }
.pull-right { float: right; }
.f-grey-l { color: #999; }
.f-grey-d { color: #666; }
.f-cyan { color: #009fbf; }
/* === pager 分页 === */
.pager { text-align: center; padding: 20px 0 40px; }
.pager-w980 { width: 980px; margin: 0 auto; }
.pager-center { text-align: center; }
.pager-right { text-align: right; }
.pager a { color: #999; padding: 0 3px; margin: 0 3px; }
.pager .now, .pager .btn { color: #009fbf; }
.pager .none { color: #ccc; }
.pager .btn { margin: 0 8px; }
.pager .none, .pager .now { cursor: default; }
.pager a.none:hover, .pager a.now:hover { text-decoration: none; }
/* === code-triangle 按钮-三角形 === */
.code-triangle { display: inline-block; font-size: 0; height: 0; line-height: 0; border-width: 4px 4px 4px; }
.code-triangle-w8 { border-width: 8px 6px 8px; }
.code-triangle-open { border-style: solid dashed dashed; border-color: #ccc transparent transparent; }
.code-triangle-open:hover { border-color: #999 transparent transparent; }
.code-triangle-close { border-style: dashed dashed solid; border-color: transparent transparent #ccc; }
.code-triangle-close:hover { border-color: transparent transparent #999; }
/* ===== slide 首页轮转 ===== */
.slide { position: relative; width: 980px; height: 450px; border-bottom: 5px solid #29BCCC; z-index: 9; }
.slide_pic { position: relative; width: 980px; height: 450px; overflow: hidden; }
.slide_pic_item { position: relative; width: 980px; }
.slide_pic_item a { display: block; }
.slide_pic_item .slide_pic_title { position: absolute; right: 85px; top: 150px; font: normal 24px/1.4 "microsoft yahei"; color: #fff; text-align: right; }
.slide_pic_item .slide_pic_title h3 { font-size: 60px; margin-bottom: 15px; }
.slide_pic_item .slide_pic_title p { color: #ccc; }
.slide_pic_item .slide_pic_title_normal { position: absolute; right: 20px; bottom: 20px; font: normal 14px/1.4 "microsoft yahei"; color: #fff; text-align: right; }
.slide_pic_item .slide_pic_title_normal h3 { color: #ccc; font-size: 18px; margin-bottom: 5px; }
.slide_pic_item .slide_pic_title_normal p { color: #b2b2b2; }
.slide_page { position: absolute; bottom: 10px; width: 980px; height: 14px; text-align: center; z-index: 9; }
.slide_page a { display: inline-block; width: 14px; height: 14px; background: url(../../images/common/b_bg_btns_p24.png) no-repeat 2px -61px; _background: url(../../images/common/b_bg_btns.png) no-repeat 0 -61px; margin: 0 2px; }
.slide_page a.active { background-position: -13px -61px; }
.slide_btns a { position: absolute; top: 50%; display: block; width: 27px; height: 52px; background: url(../../images/common/b_bg_btns_p24.png) no-repeat 0 0; _background: url(../../images/common/b_bg_btns.png) no-repeat 0 0; margin-top: -26px; _filter: alpha(opacity=50); z-index: 9; }
.slide_btns .btn_prev { left: 10px; background-position: 0 0; }
.slide_btns .btn_next { right: 10px; background-position: -37px 0; }
.slide_bg_layout { position: absolute; left: 0; top: 0; width: 160px; height: 450px; background: url(../../images/common/slide_bg_layout_p24.png) repeat 0 0; z-index: 8;_background-image: none; }
.slide_bg_layout p { position: absolute; right: 20px; bottom: 20px; width: 140px; font: normal 14px/1 "microsoft yahei"; color: #fff; text-align: right; z-index:8; }
.slide_bg_layout p strong { display: block; font-size: 44px; font-weight: normal; margin-bottom: 10px; _margin-bottom: 5px; }
.slide_bg_layout p span { font-weight: bold; }
.slide_bg_layout .slide_bg_layout_ie6 { position: absolute; left: 0; top: 0; display:none; width: 160px; height: 450px; background:#29bccc; filter:alpha(opacity=50); z-index:7; _display:block; }
/* slide-reset */
.slide-w760 { width: 760px; height: 400px; border-bottom: 0; }
.slide-w760 .slide_pic { width: 760px; height: 400px; }
.slide-w760 .slide_pic_item { width: 760px; }
.slide-w760 .slide_page { width: 760px; }
.slide_pic6 { width: 968px; height: 488px; border-bottom: 0; margin-left: auto; margin-right: auto; }
.slide_pic6 .slide_pic { width: 968px; height: 488px; }
.slide_pic6 .m-pt { margin: 0 auto; }
/* === m-opus 作品模块 标题 + 内容区 === */
.m-opus { margin: 25px auto; }
.m_pic_title { position: relative; width: 980px; z-index: 9; }
.m_pic_title h2 { font: normal 22px/1 "microsoft yahei"; color: #2ac3d4; height: 24px; padding-left: 10px; border-left: 4px solid #2AC3D4; }
.m_pic_title h2_1 { font: normal 22px/1 "microsoft yahei"; color: #FFA500; height: 24px; padding-left: 10px; border-left: 4px solid #2AC3D4; }
.m_pic_title .m-a-more { position: absolute; right: 0; top: 3px; color: #808080; }
.m_pic_title .m-a-more .icon-arrows-right { position: relative; left: -3px; top: 1px; *top:-3px;
_top: 1px }
.m_pic_title .m-a-close { position: absolute; right: 0; top: 1px; display: block; width: 25px; height:26px; background: url(../../images/common/b_bg_icons.png) no-repeat 0 -52px;}
.m_pic_title .m-bar-pills { position: absolute; right: 0; top: -2px; color: #808080; }
.m-opus .content { width: 980px; overflow: hidden; }
.m-opus ul { width: 984px; overflow: hidden; }
.m-opus li { position: relative; float: left; display: inline; padding: 3px; margin: 8px 4px 0 0; background: #f7f7f7; border: 1px solid #dadada; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1); box-shadow: 1px 1px 2px rgba(0,0,0,.1); }
.m-opus li a { display: block; width: 234px; height: 160px; overflow: hidden; }
.m-opus li a img {width: 234px; height: 160px; overflow: hidden; }
.m-opus li .text { position: absolute; left: 3px; bottom: 3px; width: 234px; height: 30px; color: #fff; }
.m-opus li .text .p_bg { position: absolute; left: 0; top: 0; width: 234px; height: 30px; line-height: 30px; background: #045e52; opacity: 0.7; filter: alpha(opacity=70); z-index: 9; }
.m-opus li .text .p_text { position: absolute; left: 0; top: 0; width: 220px; font-family: "\5FAE\8F6F\96C5\9ED1", "\5b8b\4f53"; font-size: 14px; line-height: 30px; z-index: 99; }
.m-opus li .text .p_text .words { float: left; display: inline; width: 106px; height: 30px; overflow: hidden; margin-left: 10px; }
.m-opus li .text .p_text .collect { float: right; display: inline; background: url(../../images/bg_icon.png) no-repeat 0 -76px; padding-left: 19px; margin-right: 4px; }
.m-opus li .text .p_text .share { float: right; display: inline; height: 30px; background: url(../../images/bg_icon.png) no-repeat 0 -51px; padding-left: 19px; margin-right: 6px; }
.m-opus li .text .p_text .zan { float: right; display: inline; height: 30px; background: url(../../images/bg_zan_18x18.png) no-repeat 0 center; _background: url(../../images/bg_zan_18x18_ie6.png) no-repeat 0 center; padding-left: 20px; margin-right: 6px; }
/* add 筛选条 */
.m-opus-filter .m-pic-title-filter { float: left; position: absolute; top: -10px; height: 18px; overflow: hidden; padding: 10px 30px 10px 10px; z-index: 998; }
.m-opus-filter .m-pic-title-filter p { color: #8fc2cc; font: normal 18px/24px "microsoft yahei"; border-bottom: 1px dotted #cecece; padding-bottom: 5px; margin-bottom: 5px; cursor: pointer; }
.m-opus-filter .m-pic-title-filter a { color: #8fc2cc; font: normal 18px/24px "microsoft yahei"; border-bottom: 1px dotted #cecece; padding-bottom: 5px; margin-bottom: 5px; cursor: pointer; }
.m-opus-filter .m-pic-title-filter .p-last { border-bottom: 0; padding-bottom: 1px; margin-bottom: 0; }
.m-opus-filter .m-pic-title-filter p span { margin: 0 5px; }
.m-opus-filter .code-triangle { position: absolute; right: 10px; }
.m-opus-filter .code-triangle-close { top: 10px; _top: 7px; }
.m-opus-filter .code-triangle-open { top: 18px; _top: 15px; }
.m-opus-filter .m-pic-title-filter-active { height: auto; overflow: inherit; background: #F7F7F7; border: 1px solid #cfcfcf; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); box-shadow: 0 1px 3px rgba(0,0,0,0.15); }
/* 相册页面类型的标题模块 */
.m-opus-photos { zoom: 1; }
.m-opus-photos:after { clear: both; content: " "; display: block; height: 0; font-size: 0; visibility: hidden; }
.m-opus-photos .m_pic_title h2 { display: inline-block; padding-left: 0px; border-left: 0; *margin-bottom:10px;
}
/* === m-pt 图文模块 === */
.m-pt { margin: 15px auto; }
.m-pt-in { overflow: hidden; }
.m-pt li { position: relative; float: left; _display: inline; margin: 4px 4px 0 0; z-index: 9; _zoom: 1; }
.m-pt li a.m-pt-pic { display: block; overflow: hidden; }
.m-pt li .m-pt-title { position: absolute; font: normal 20px/1.4 "microsoft yahei"; color: #ccc; }
.m-pt li .m-pt-title h4 { font: normal 32px/1.4 "microsoft yahei"; color: #fff; }
/* m-pt reset */
.m-pt-w980 .m-pt-in { width: 980px; }
.m-pt-w980 .m-pt-in ul.ul-wrap { width: 984px; }
.m-pt-w968 .m-pt-in { width: 968px; }
.m-pt-w968 .m-pt-in ul.ul-wrap { width: 972px; }
.m-pt li a.pic-488x276 { width: 488px; height: 276px; }
.m-pt li a.pic-488x200 { width: 488px; height: 200px; }
.m-pt li a.pic-320x240 { width: 320px; height: 240px; }
.m-pt li a.pic-242x200 { width: 242px; height: 200px; }

.m-pt li a.pic-372x200 { width: 372px; height: 200px; }
.m-pt li a.pic-197x200 { width: 197px; height: 200px; }

.m-pt li .m-pt-title-lb { left: 20px; bottom: 10px; }
.m-pt li .m-pt-title-rb { right: 20px; bottom: 10px; }
.m-pt li .m-pt-title-large h4 { font-size: 44px; _margin-bottom: -5px }
.m-pt li .m-pt-title-large p { color: #ccc; font: 20px/1.4 "microsoft yahei" }
.m-pt li .m-pt-title-normal h4 { font-size: 32px; }
.m-pt li .m-pt-title-small h4 { font-size: 24px; }
.m-pt li .m-pt-title-mini h4 { font-size: 18px; }

/*=== 头部导航区域 ===*/
header .nav-wrap{
    background: url(../../images/bg_header_1200.png) center 0 no-repeat #0095b3;
}
.nav-wrap{

}
.nav-wrap .search-box{

}
.nav-wrap .search-box .filter{

}

.nav-wrap .search-box .filter.expand{
    background: #0082a6;
    z-index: 999;
    border: 1px solid #0082a6;
    height: 90px;
    border-radius: 5px;
    position: relative;
    *top: 10px;
}
.nav-wrap .search-box .expand li{

}
.nav-wrap .search-box .expand .icon{
    background: url(../../images/icon-list.png) 0 -52px no-repeat;
    *top:0;
}
.search-menu{
    position:absolute;
    top:0;
}
.search-menu a{
    background: url(../../images/icon-list.png) 5px -72px no-repeat;
}

.account .user{
    position: relative;
}
header nav .account .user .user-title{

}
.ut-panel{

}
.ut-panel span{
    display: block;
    float: left;
}
.ut-panel span.utp-img{
    padding-top: 5px;
    padding-right: 10px;
    margin-left: 10px;
}
.ut-panel span.utp-down{
    padding-top: 2px;
}
header nav .account .user .user-title a{
    padding-left: 20px;
}
header nav .account .user .user-title img{

}
header nav .account .user .user-title .user-name{
    color: #fff;
}

header nav .account .user .user-panel{
    display: none;
    position: absolute;
    z-index: 999;
    height: 165px;
    background: #0082a6;
    border: 1px solid #0082a6;
    border-radius: 5px;
    border-top: 0 none;
    margin-top: 4px;
}
header nav .account .user .user-panel .up-item{
    background: url(../../images/icon-list.png) 5px -72px repeat-x;
    width: 158px;
}
header nav .account .user .user-panel .up-item a{
    display: block;
    padding: 5px 0 0 52px;
}
header nav .nav-list li.now{
    background: url(../../images/nav_hover_02.png) 0 bottom repeat-x;
    padding: 0 5px;
}

header nav .nav-list li.nav-gddt{
    color: #ffe5cc;
}
header nav .nav-list li.nav-gddt a{
    background:url(../../images/icon_dddt_h.png) right center no-repeat;
    padding-right: 15px;
    color: #fff799;
}

.nav-list{
    position: relative;
}
.nav-list .gddt-hover{
    background: url(../../images/nav-gddt-layer.png) no-repeat;
    position: absolute;
    top: 44px;
    right: 90px;
    *right: 75px;
    color: #666;
    font-size: 16px;
    padding: 20px 20px 18px 23px;
    z-index: 999;
    display: none;
    height: 18px;
    *white-space: nowrap;
}

/*error msg style*/
.login_error{
    background: url("../images/icon_error.png") 5px center no-repeat #ffebeb;
    border: 1px solid #d89292;
    border-radius: 5px;
    padding: 5px 5px 5px 30px;
    max-width: 235px;
    width: 235px;
    margin-bottom: 15px;
    margin-top: 10px;
}

/* pager */
.photo_wrap .pager {
    width:800px;
    margin-left:100px;
    text-align:center;
    padding:3px 0 40px;
}
.photo_wrap .pager ul {
    overflow: hidden;
    /*width: 600px;
    margin: 0 auto;*/
    margin:0;
    padding: 0;
}
.photo_wrap .pager ul li {
    /*clear: none;
    float: left;*/
    display: inline;
}
.photo_wrap .pager ul li a {

}
.photo_wrap .pager a {
    font-size: 16px;
    color:#999;
    padding:0 3px;
    margin:0 3px;
}
.photo_wrap .pager .now, .photo_wrap .pager .btn {
    color:#009fbf;
}
.photo_wrap .pager .none {
    color:#ccc;
}
.photo_wrap .pager .btn {
    margin:0 8px;
}
.photo_wrap .pager .none, .photo_wrap .pager .now {
    cursor:default;
}
.photo_wrap .pager a.none:hover, .photo_wrap .pager a.now:hover {
    text-decoration:none;
}
.photo_wrap .pager ul li a.current{
    color: #009fbf;
}

/*参赛作品列表页*/
.m_entries{

}
.m_entries .m-pic-title-filter{
    padding: 5px 30px 13px 10px;
    margin-top: 6px;
}
.m_entries .m-pic-title-filter a{
    padding: 0 15px;
    border-bottom:none;
}

/*玩转器材*/
.qicai_wrap{}
.qicai_wrap .m-opus li .text .p_text .words{ width: 220px;}

.fcr{color: red;}

/*页头页尾增加第三方登录*/
header nav .account .guest .user-title {
    float: left;
}
header nav .account .guest .third-login {
    float: left;
    /*box-shadow: 1px 0 1px #00a2c1 inset;
    border-left: 1px solid #007899; */
    margin-left: 20px;
    padding-left: 10px;
    padding-top: 8px;
    *padding-top: 3px;
    *padding-bottom: 5px;
    height: 28px;
}
header nav .account .guest .third-login .wb-login{
    margin-right: 10px;
}
header nav .account .guest .third-login a img{
    width: 25px;
    height: 25px;
}
footer .foot-third-login img{
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

/*entries filter*/
.m-sort-panel{
    height: 40px;
    line-height: 40px;
    *height: 30px;

    position: absolute;
    right: 0;
    top: -8px;
	z-index:999;
}
.m-sort-panel a{
    color: #999999;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    width: 85px;
    text-align: center;
    margin-right: 8px;
    border-radius: 3px;
    _margin-top: 18px;
}
.m-sort-panel a.on{
    color: #fff;
    background-color: #009fbf;
    cursor: default;
}
.m-sort-panel a:hover{
    text-decoration: none;
}
.m-sort-panel a i{
    background: url("../images/icon_pointer.png") no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
}
.m-sort-panel a .pointer_down{
    background-position: 0 -28px;
}
.m-sort-panel a .pointer_up{
    background-position: 0 0;
}
.m-sort-panel a.on .pointer_down{
    background-position: 0 -42px;
}
.m-sort-panel a.on .pointer_up{
    background-position: 0 -14px;
}

/*front login check*/
.front-login{

}
.front-login p{
   margin-bottom: 10px;
}
.front-login input{
    height: 28px;
    color: #5e5e5e;
    font: normal 12px/1 "microsoft yahei";
    line-height: 28px;
    vertical-align: middle;
    background: #f4f4f4;
    border: 1px solid #D4D4D4;
    padding-left: 0.5em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    width:200px;
}

.aui_content{

}
.aui_content p{
    margin-bottom: 10px;
}
.aui_content input{
    height: 28px;
    color: #5e5e5e;
    font: normal 12px/1 "microsoft yahei";
    line-height: 28px;
    vertical-align: middle;
    background: #f4f4f4;
    border: 1px solid #D4D4D4;
    padding-left: 0.5em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    width:200px;
}

/*header 0504 后面还要再调整*/
header .nav-wrap{background: #080808;}
header .logo {}
header .logo a{background:url("../images/logo_0504.jpg") no-repeat; }
header nav .nav-list li.now{background:#080808; }
header nav .now .icon-now{background:url("../images/nav-now-jiantou_0504_2.png") no-repeat; }
header nav .account .user{border-left:0 none; box-shadow: 0 0 0;}
header .nav-wrap .account .user .icon-down{background:url("../images/header-user-icon-down.png") center center no-repeat;}

body{background: #f2f2f2;}

.backToTop {
    display: none;
    width: 18px;
    line-height: 1.2;
    padding: 5px 0;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: fixed;
    _position: absolute;
    /*right: 10px;*/
    bottom: 175px;
    _bottom: "auto";
    cursor: pointer;
    opacity: .6;
    filter: Alpha(opacity=60);
}

.ut-panel span.uti-on{
    background: url(../../images/icon_dot.png) 17px 7px no-repeat;
}
header nav .account .user .user-panel .up-item .upi-notice{
    background: url(../../images/icon_notice.png) 20px 13px no-repeat;
}
header nav .account .user .user-panel .up-item .upi-msg{
    background: url(../../images/icon_msg.png) 18px 16px no-repeat;
}


