@charset "utf-8";
@import url("global.css");

/* ----------1级 首页第一屏----------*/
#homeScreen { position: relative; margin-bottom: 10px; height: 500px; background: url(../images/home_screen_bg.png) no-repeat center; }

/* ----------2级 第一屏左----------*/
#homeScreenLeft { position: absolute; left: 0; top: 10px; width: 200px; height: 480px; }

#sLogin { padding: 0 10px; }

#sLogin label { display: block; padding-top: 10px; font-size: 12px; line-height: 16px; font-weight: bold; color: #9a9a9a; }

#sLogin input { display: block; width: 170px; }

#sLogin #homelogin { float: left; margin-right: 3px; width: 50px; }

#sLogin, #sLogin a:link, #sLogin a:visited { font-size: 12px; color: #fff; }

#sLogin a:hover { color: #FF6; }

#loginInfo { padding-top: 10px; line-height: 18px; }

.hslBox { margin-bottom: 10px; }

.hslBox h3 { display: block; padding-left: 10px; height: 27px; line-height: 27px; font-size: 14px; font-family: "宋体"; color: #fff; background: url(../images/home_login_title.png) no-repeat left center; }

.hslBox .gutter { padding: 10px 10px 0 10px; font-size: 12px; color: #9c9c9c; }

#member li { display: block; float: left; padding-bottom: 17px; width: 58px; text-align: center; }

#welcome { padding-top: 30px; }

#welcome img { float: left; margin-right: 10px; }

/* ----------2级 第一屏中----------*/
#homeScreenCenter { margin: 0 auto; padding: 5px 0; width: 512px; }

#homeScreenCenter h2 { padding-bottom: 5px; line-height: 30px; color: #fff; }

#curPoster { margin-bottom: 10px; height: 320px; }

#holdThumb { height: 95px; }

#holdThumb li { float: left; position: relative; }

#holdThumb li a:link img, #holdThumb li a:visited img { display: block; margin: 12px auto; width: 100px; height: 63px; }

#holdThumb li a:hover img, #holdThumb li a:active img { display: block; position: absolute; top: -8px; left: 2px; width: 120px; height: 75px; border: 2px solid #ccc; }

#holdThumb li a:link, #holdThumb li a:visited { display: block; width: 128px; height: 87px; overflow: hidden; background: url(../images/hold_thumb_bg.png) no-repeat center top; }

#holdThumb li a:hover { display: block; width: 128px; height: 87px; background: url(../images/hold_thumb_bg.png) no-repeat center bottom; }

#holdThumb li a:active { display: block; width: 128px; height: 87px; background: url(../images/hold_thumb_bg.png) no-repeat center top; }

/* ----------2级 第一屏右----------*/
#homeScreenRight { position: absolute; right: 0; top: 8px; width: 200px; height: 480px; }

#homeScreenRight h2 { padding: 0 0 3px 14px; line-height: 30px; color: #fff; }

#homeScreenRight li { height: 90px; overflow: hidden; font-size: 75%; text-align: right; }

#homeScreenRight li a { display: inline; }

#homeScreenRight li img { margin: 0 auto; }

#homeScreenRight .specialName { padding: 0 15px; line-height: 24px; }

#homeScreenRight strong { padding: 0 4px; color: #fff; }

#homeScreenRight .more { position: absolute; top: 6px; right: 10px; width: 41px; height: 14px; font-size: 10px; text-transform: uppercase; text-align: center; background: url(../images/more_bg_dark.png) no-repeat; }

#homeScreenRight .more:link { color: #000; }

#homeScreenRight .more:hover { color: #ccc; text-decoration: none; }

/* ----------1级 首页下部----------*/
#pixList { position: absolute; width: 190px; height: 100px; }

#pixList h2 { height: 30px; line-height: 30px; font-size: 80%; color: #999; text-align: center; background: url(../images/pix_bg.png) no-repeat center 0px; }

#pixSubmit { clear: both; height: 50px; overflow: hidden; background: url(../images/pix_bg.png) no-repeat center -90px; }

#pixSubmit p { font-size: 75%; line-height: 25px; text-align: center; }

#pixSubmit p a:link, #pixSubmit p a:visited { color: #f00; }

#pixSubmit p a:hover { color: #f50; text-decoration: underline; }

#wallpageList { position: relative; float: right; width: 760px;  }

.listBox { clear: both; margin-bottom: 10px; }

#colorIndex { position: absolute; z-index: 999; top: 5px; right: 5px; font-size: 11px; }

#colorIndex a:link, #colorIndex a:visited { display: block; float: left; margin-right: 5px; padding: 4px; width: 11px; height: 11px; border: 1px solid #ccc; text-decoration: none; }

#colorIndex a:hover { padding: 8px; font-size: 14px; font-weight: bold; }

/* 色表 */
.colorRed { background: #f00; color: #fff !important; }

.colorYellow { background: #FF0; color: #000 !important;}

.colorOrange { background: #F60; color: #fff !important;}

.colorGreen { background: #080; color: #fff !important;}

.colorCyan { background: #0CF; color: #000 !important;}

.colorBlue { background: #36F; color: #fff !important;}

.colorPurk { background: #60F; color: #fff !important;}

.colorPink { background: #C36; color: #fff !important;}

.colorBlack { background: #000; color: #fff !important;}

.colorWhite { background: #fff; color: #000 !important;}

.colorGrey { background: #808080; color: #fff !important;}

.colorLight { background: #000 url(../images/color_light.png) no-repeat center; color: #000 !important; }

.colorDark { background: #000 url(../images/color_dark.png) no-repeat center; color: #fff !important;}

.colorLight, .colorDark { text-indent: -999px; overflow: hidden;cursor:pointer; }

.colorLight:hover, .colorDark:hover { text-indent: 0; }

/* 色表2 */
#colorIndex2{ margin-top:-5px; font-size:13px; font-family:宋体; line-height:22px;}
#colorIndex2 a { position: relative; padding-left: 20px; color: #333 !important; cursor:pointer;}
#colorIndex2 .filter{padding-left: 0px;}
#colorIndex2 a:hover {color:Red;}
#colorIndex2 .sortlink {color:Red;padding-left: 0px;padding-right: 10px;}

#colorIndex2 span { display: block; position: absolute; left: 0px; width: 15px; height: 15px; border: 1px solid #fff;cursor:pointer; }

.colorRed2 span { background: #f00;   }

.colorYellow2 span { background: #FF0; }

.colorOrange2 span { background: #F60; }

.colorGreen2 span { background: #080; }

.colorCyan2 span { background: #0CF; }

.colorBlue2 span { background: #36F; }

.colorPurk2 span { background: #60F; }

.colorPink2 span { background: #C36; }

.colorBlack2 span { background: #000; }

.colorWhite2 span { background: #fff; color: #000 !important;}

.colorGrey2 span { background: #808080; color: #fff !important;}

.colorLight2 span { background: #f1f1f1; color: #000 !important; }

.colorDark2 span { background: #000; color: #fff !important; }

.currentfilter a{ margin:0 5px 0 5px;color:blue;}

.currentfilter { font-size:14px;}

.listBox .bar { position: relative; height: 32px; background: url(../images/bar_bg.png) no-repeat right bottom; }

.listBox .bar span { position: absolute; display: block; font-size: 12px; right: 10px; top: 8px; }

.listBox .bar h2 { padding-left: 15px; width: 900px; height: 32px; line-height: 32px; font-size:13px; background: url(../images/bar_bg.png) no-repeat left bottom; }

.listBox .bar h2 span { display: block; position: absolute; left: 0px; width: 15px; height: 15px; border: 1px solid #fff;cursor:pointer; top:-2px; }

.listBox .bar h2  a { position: relative; padding-left: 20px; color: #000 !important; cursor:pointer;}

.listBox .bar h2  .filter { position: relative; padding-left: 0px; color: #000 !important; cursor:pointer;}

.listBox .sub { height: 4px; background: url(../images/sub_bg.png) no-repeat right bottom; }

.listBox .sub span { display: block; width: 100px; height: 4px; background: url(../images/sub_bg.png) no-repeat left bottom; }

.listBox ul { zoom: 1; padding: 10px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }

.listBox li { float: left; width: 147px; margin-bottom: 20px;  height: 75px; font-size: 75%; }

.listBox li img { display: block; margin: 0 auto; width: 120px; height: 75px; }

.listBox li a:link, .listBox li a:visited { display: block; position: relative; padding: 10px 0; height: 75px; text-decoration: none; }

.listBox li a:hover { display: block; background: #6a6a6a; }

/* ----------2级 设置悬停透明----------*/
.listBox li .info { display: none; }

.listBox li a:hover .info { display: block; position: absolute; bottom: 10px; left: 13px; width: 120px; height: 75px; text-align: center; background:#000000; filter:alpha(opacity=70); opacity:.70; cursor:pointer; word-wrap: break-word; }

.listBox li a:hover .info em { display: block; position: absolute; top: 50%; left: 0; padding: 0 10px; width: 100px; font-style: normal; }

/* 列表页面 */
#sortList #wallpageList { width: 100%; }

#sortList #colorIndex { top: 40px; }

#sortList .listBox ul { zoom: 1; padding: 80px 10px 10px 10px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }

#sortList .listBox li { float: left; width: 187px; margin-bottom: 20px;  height: 120px; font-size: 75%; }

#sortList .listBox li img { display: block; margin: 0 auto; width: 160px; height: 120px; }

#sortList .listBox li a:link, #sortList .listBox li a:visited { display: block; position: relative; padding: 10px 0; height: 120px; }

#sortList .listBox li a:hover { display: block; background: #6a6a6a; }


/*设置悬停透明*/
#sortList .listBox li .info { display: none; }

#sortList .listBox li a:hover .info { display: block; position: absolute; bottom: 10px; left: 13px; width: 160px; height: 60px; text-align: center; background:#000000; filter:alpha(opacity=70); opacity:.70; cursor:pointer; word-wrap: break-word; }

#sortList .listBox li a:hover .info em { display: block; position: absolute; top: 4%; left: 0; padding: 0 10px; width: 140px; font-style: normal; }

#sortList .listBox li a:hover .info em strong { font-weight: bold; color: #f00; }

#sortList .listBox li a:hover .info em small { color: #f1f1f1; }

/*分页*/
#page-gutter { position: absolute; bottom: -20px; font-size: 12px; text-align: center; width: 960px; height: 32px; background: url(../images/page_bg.png) no-repeat; }

#page-gutter span { display: block; float: left; margin: 8px 4px 0 4px; height: 14px; line-height: 14px; text-align: center; }

.pFirst, .pLast { width: 51px; color: #fff; background: url(../images/page_btn.png) no-repeat left 0px; }

.pPre a, .pNext a { display: block; height: 14px; text-indent: -999px; overflow: hidden; }

.pPre { width: 20px; color: #fff; background: url(../images/page_btn.png) no-repeat left -14px; }

.pNext { width: 20px; color: #fff; background: url(../images/page_btn.png) no-repeat left -28px; }

#page-gutter span a:link, #page-gutter span a:visited { color: #fff; text-decoration: none; }

#page-gutter span a:hover { color: #FF0; }

.pCur { width: 20px; background: url(../images/page_btn.png) no-repeat left -42px; }

#page-gutter .pNormal a:link, #page-gutter .pNormal a:visited { color: #222; font-weight: bold; }

#page-gutter .pNormal a:hover { color: #900; text-decoration: underline; }

.page { display: block; position: absolute; left: 50%; margin-left: -240px; }

/*列表页分辨率*/
#pixIndex { position: absolute; top: 42px; left: 0px; width: 100%; border-bottom: 1px solid #ccc; font-size: 11px; color:green }
/*#pixIndex { position: absolute; top: 42px; left: 0px; width: 100%; border-bottom: 1px solid #ccc; font-size: 11px; color:green }*/
#pixIndex .gutter { padding: 0 0 10px 10px; width: 570px; }

/*列表头*/
#listCenter { margin-bottom: 10px; }

.listHead { position: relative; height: 36px; background: url(../images/list_head.png) no-repeat; }

.listHead h2 { display: block; padding-left: 20px; line-height: 32px; color: #fff; font-size: 20px; background: url(../images/list_head_l.png) no-repeat left; }

.listHead h2 span { display: block; float: left; width: auto; padding-right: 30px; height: 36px; line-height: 32px; background: url(../images/list_head_r.png) no-repeat right bottom; }

.levelIndex { position: absolute; left: 90px; top: 0; width: 870px; height: 36px; line-height: 36px; overflow: hidden; }

.levelIndex li { display: block; float: left; width: 80px; height: 36px; font-size: 14px; text-align: center; }

.levelIndex .cur { background: url(../images/list_hover_arrow.png) no-repeat center bottom; }

.levelIndex .cur a:link, .levelIndex .cur a:visited { color: #f00; text-decoration: none; }

/*子分类检索*/
.nameIndex { display: block; padding: 10px; background: #838383 url(../images/list_name_index_bg.png) repeat-x top; }

.nameIndex li { display: inline; font-size: 12px; line-height: 20px; }

.nameIndex li span { display: none; }

.nameIndex li a { padding: 0 4px;  }

.nameIndex li a:hover { position: relative; padding: 0 3px; color: #000; background: #fff; border: 1px solid #fff; text-decoration: none; }

.nameIndex .cur a { padding: 0 3px; color: #000; background: #fff; border: 1px solid #fff; text-decoration: none; }

.nameIndex li a:hover span { display: inline-block; top: 15px; left: 0px; position: absolute; padding: 4px; width: 240px; height: auto; background:#000000; filter:alpha(opacity=80); opacity:.80; border: 1px solid #fff; color: #fff; word-wrap: break-word; }

/*分类最近更新*/
.sortUpdate { clear: both; display: block; padding: 10px; background: #dedede; }

.sortUpdate li { display: block; float: left; margin: 0 6px; }

.sortUpdate li a:link, .sortUpdate li a:visited { display: block; border: 1px solid #ccc; }

.sortUpdate li a:hover { border: 1px solid #000; }

/* ---------- 搜索页 ---------- */
#searchSort { margin-bottom: 10px; height: 380px; }

.sColumn { float: left; width: 320px; height: 380px; }

.sColumn h2 { display: block; height: 35px; line-height: 35px; font-size: 20px; color: #fff; }

.sColumn .date { padding-right: 30px; height: 30px; line-height: 30px; font-size: 12px; text-align: right; color: #fff; }

.sCommend { padding: 20px; height: 100px !important; /*修复ie7bug*/ }

.sCommend .thumb { float: left; display: block; width: 160px; height: 100px; }

.sCommend dl { float: left; display: block; width: 120px; height: 100px; overflow: hidden; }

.sCommend dt { padding-left: 10px; display: block; height: 48px; font-size: 12px; font-weight: bold; }

.sCommend dd { padding-left: 10px; font-size: 12px; }

.sCommend dd span { display: block; line-height: 18px; color: #666; }

.sCommend dd span strong { padding-right: 5px; }

.sTable { padding: 0 20px 7px 20px; font-size: 12px; }

.sTable th, .sTable td { line-height: 28px; }

.sTable .key a { padding: 0 2px; color: #900; }

.sTable th { background: url(../images/search_sort_table_th.png) repeat-x; }

#searchWordSort { background: url(../images/search_sort_bg.png) no-repeat 0px 0px; }

#searchWordSort h2 { padding-left: 130px; }

#searchColorSort { background: url(../images/search_sort_bg.png) no-repeat -320px 0px; }

#searchColorSort h2 { padding-left: 130px; }

#searchPixSort { background: url(../images/search_sort_bg.png) no-repeat -640px 0px; }

#searchPixSort h2 { padding-left: 90px; }


.link{ text-align:center;font-size:12px; position:relative}
.link a{color:#333; font-size:12px;}

.trycolorsearch{display:block;left:770px; position:absolute;font-size:12px; top:65px; background-image:url(../images/jt.gif);background-repeat:no-repeat; padding-left:10px;}