/****common links*******/
a:link, a:visited { color:#226bd7; text-decoration:none; }
a:hover, a:active { color:#333; text-decoration:underline; }

/*****布局****/
html{background:#C0C0C0;}
body { font-family:"Microsoft YaHei", "宋体"， "Segoe UI", Arial; background:#C0C0C0 url(../images/body-bg.jpg) left top repeat-x; }
#doc { margin:auto; text-align:left; /* leave unchanged */ width:73.85em; *width:72em;min-width:960px; }
.yui-t2 .yui-b { float:left; width:11.3077em; *width:11.0278em;}
.yui-t2 #yui-main .yui-b { margin-left:12.3077em; *margin-left:12.0278em;}
span.png{position:absolute; display:block; top:0; left:0; z-index:1;}

/***重设模板尺寸**/
.yui-gc div.first { width:43.0769em; *width:42.00em;} /**560px**/
	.yui-gc div.first .box{ padding:0; }
.yui-gc .yui-u { width:17.2308em; *width:16.80em;} /**224px***/
	.yui-gc .yui-u .box{ padding:0 10px 0 0; }
.yui-gd div.first { width:41.0769em; *width:40.05em;} /**534px**/
.yui-gd .yui-u { width:19.2308em; *width:18.75em;} /**250px***/
	.yui-gd .yui-u .box{padding:0 10px 0 0;}
	.yui-gd div.first .box{padding:0;}
/*******头部布局*************/
#hd { height:80px; position:relative; z-index:80;}
#hd h1 { float:left; position:relative; width:350px; margin-top:10px; }
	#hd h1 span.png{width:334px; height:60px; background:url(../images/logo.png) left top no-repeat;}
	#hd h1 a { display:block; position:absolute; top:0; left:0; width:334px; height:0; padding-top:60px; overflow:hidden; margin:0 0 10px;  z-index:2;}
.right-menu { float:right; width:500px; text-align:right; position:relative; }
#login-area ul.menu li { display:inline; float:left; margin-right:10px; white-space:nowrap;}
#login-area ul.menu li a { margin-left:5px; white-space:nowrap; }
#global-search{position:absolute; top:28px; right:0; width:500px; text-align:left;}

#menu {zoom:1; background:url(../images/menu-bg.png) left top no-repeat; padding:0 0 0 15px; height:54px; font-size:123.1%; font-weight:bold; position:relative; z-index:1; }
#menu .menu{ height:44px; padding-top:10px;  background:url(../images/menu-bg.png) right top no-repeat; color:#000;}
	#menu .menu li{float:left; display:inline;}
	#menu .menu li a, #menu .menu li a span{ float:left; display:block;  color:#666; cursor:pointer; height:41px;}		
		#menu .menu li a{ line-height:41px;  padding-left:30px;}
			#menu .menu li a span{ padding-right:30px;}
		#menu .menu li.selected a, #menu .menu li.selected a span{background-image:url(../images/menu-bg.png); background-repeat:no-repeat; color:#000;}
			#menu .menu li.selected a{background-position:left -60px; text-decoration:none;}
			#menu .menu li.selected a span{background-position:right -60px;}
			

#login-area{float:right; zoom:1; height:20px; padding:0 0 0 10px; margin:3px 0 0; background:url(../images/menu-bg.png) left -110px no-repeat; color:#CCC; font-size:93%;}
#login-area:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
#login-area .menu{ float:left; height:19px;  padding:1px 10px 0 0;  background:url(../images/menu-bg.png) right -110px no-repeat; color:#CCC;}
	#login-area .menu a{color:#e5a32e;}


/** 其他布局**/
#ft { font-size:93%; padding:28px 0 20px; height:52px; background:url(../images/ft-bg.png) left top no-repeat; color:#666; text-align:center; }
#ft a:link, #ft a:visited{color:#333;}
#ft a:hover, #ft a:active{color:#666;}
#bd {background:#FFF url(../images/dot-ccc.png) left top repeat-y;}
	#bd-inner{zoom:1; background:url(../images/dot-ccc.png) right top repeat-y; padding:10px 0 50px;}
		#bd-inner:after{content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}

/****tabs******/
.tabs { height:33px; font-size:93%; background:url(../images/my-hoyoba-tab-bg.gif) left bottom repeat-x; margin:0 0 10px 0; }
.tabs ul li { float:left; display:inline; margin-right:2px; height:30px;  }
.tabs ul li a:link, .tabs ul li a:visited{ display:block; float:left; padding-left:5px; height:30px; color:#333; text-decoration:none;  background:url(../images/tabs.gif) left -100px no-repeat; }
.tabs ul li a span{ display:block; float:left; padding:9px 15px 0 10px; height:21px; background:url(../images/tabs.gif) right -150px no-repeat; cursor:pointer; }
	.tabs ul li a:hover, tabs ul li a:active { background:url(../images/tabs.gif) left -200px no-repeat; text-decoration:none; color:#2088d9; }
	.tabs ul li a:hover span, tabs ul li a:active span{ background:url(../images/tabs.gif) right -250px no-repeat; }
.tabs ul li.selected a:link, .tabs ul li.selected a:visited, .tabs ul li.selected a:hover, .tabs ul li.selected a:active {  background:url(../images/tabs.gif) left 0px no-repeat; color:#FFF; }
.tabs ul li.selected a:link span, .tabs ul li.selected a:visited span, .tabs ul li.selected a:hover span, .tabs ul li.selected a:active span{ background:url(../images/tabs.gif) right -50px no-repeat; }

.tabs2 { height:27px; font-size:93%; margin:0 0 10px 0; padding-left:15px; background:url(../images/dot-666.gif) left bottom repeat-x; }
.tabs2 ul li { float:left; display:inline; height:26px; padding-left:11px; margin-right:5px; background:url(../images/tab2.gif) left 0px no-repeat; }
.tabs2 ul li a { display:block; float:left; padding:6px 15px 0 3px; height:20px; color:#666; background:url(../images/tab2.gif) right -40px no-repeat; }
.tabs2 ul li.selected { height:27px; background:url(../images/tab2.gif) left -80px no-repeat; }
.tabs2 ul li.selected a { height:21px; background:url(../images/tab2.gif) right -120px no-repeat; }

/***通用box容器***/
.box { margin:0 0 10px 0; zoom:1; }
.my-hoyoba-left{padding:0 0 0 10px;}
.box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
h3 { font-size:116%; font-weight:bold; padding:5px 0; position:relative; }
.hints { font-size:12px; color:#666; }
/*.content, .navigator { font-size:93%; }*/
.navigator { margin-bottom:15px; position:relative; }
#navigationBarArea{margin-bottom:0;}

.sizeBox{margin:0 0 10px; font-size:93%; zoom:1;}
	.sizeBox:after{content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
	dl.sizeList{padding:0 5px 5px;}
		dl.sizeList dt{float:left; width:5em; padding-left:1em; margin-top:2px; background:url(../images/cellphone-icon.gif) left center no-repeat; }
			dl.sizeList dd{margin-left:6em;}
			dl.sizeList dd ul li{float:left; display:inline; margin-right:7px; margin-bottom:3px; padding-left:3px; }
				dl.sizeList dd ul li a{display:block; float:left; height:15px; padding-top:1px; padding-right:3px; overflow:hidden; white-space:nowrap;}
		dl.sizeList dd ul li, dl.sizeList dd ul li.currentSize, dl.sizeList dd ul li a, dl.sizeList dd ul li.currentSize a{background-image:url(../images/menu-bg.png); background-repeat:no-repeat;}
			dl.sizeList dd ul li.currentSize{background-position:left -500px;}
			dl.sizeList dd ul li{background-position:left -530px;}
			dl.sizeList dd ul li a:link, dl.sizeList dd ul li a:visited, dl.sizeList dd ul li a:hover, dl.sizeList dd ul li a:active{background-position:right -530px;}
			dl.sizeList dd ul li.currentSize a:link, dl.sizeList dd ul li.currentSize a:visited,dl.sizeList dd ul li.currentSize a:hover, dl.sizeList dd ul li.currentSize a:active{background-position:right -500px; color:#000; text-decoration:none;}

/**其他通用样式***/
.notice { background:#FF3; padding:5px 10px; margin-bottom:10px; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
.clearfix { display:block; padding:0; margin:0 auto; }
.more { clear:both;}
.more a, .more a:visited { background-color:#226bd7; color:#FFF; padding:0 4px }
em { font-style:normal; color:#FFF; background-color:#226bd7; padding:0 5px; }
	em a:link, em a:visited{color:#FFF;}
div.hr { clear:both; height:1px; overflow:hidden; border-bottom:1px solid #CCC; padding-top:10px; margin-bottom:10px; }
div.hr hr { display:none; }

/********分页代码****************/
.pages { padding:20px 3px 20px; margin:3px 0 3px 0; clear:both; white-space:nowrap; font-size:93%; text-align:right; }
.pages:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}
.pages a { border:1px solid #999; padding:1px 3px; margin: 1px; color:#226bd7; text-decoration:none; background-color:#FFF; display:inline-block; *display:inline; zoom:1; }
.pages a:hover { border:1px solid #226bd7; color:#226bd7; }
.pages a:active { border:1px solid #226bd7; color:#226bd7; }
.pages .current { border:1px solid #226bd7; padding:1px 3px; font-weight:bold; margin:1px; color:#fff; background-color:#226bd7; display:inline-block; *display:inline; zoom:1;}
.pages .operator { border:1px solid #EEE; padding:1px 3px; margin:2px; color:#999;  display:inline-block; *display:inline; zoom:1;}
.pages .suspension { padding:0px 5px 0px 0px; margin:5px; color:#999;  display:inline-block; *display:inline; zoom:1;}
.albumn-tools{clear:both;}

/********图片列表 ul**********/
.photo-list { padding-left:10px; padding-left:9px\9; *padding-left:10px; font:11px Tahoma, Geneva, sans-serif; zoom:1;}
.photo-list:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.photo-list li { float:left; display:inline; width:100px; position:relative; margin:0 10px 15px 0; overflow:hidden;}
.photo-list li img{width:90px; height:90px;}
.photo-list li a,.photo-list li a:hover, .photo-list li a:active{ display:block; float:left; text-decoration:none; width:90px; padding:5px 5px 2px 5px; height:108px; overflow:hidden;  color:#333; background:url(../images/albumn-bg.gif) left 0 no-repeat; }
.photo-list li.photo-hover a, .photo-list li.photo-hover a:hover, .photo-list li.photo-hover a:active {background:url(../images/albumn-bg.gif) right 0 no-repeat; text-decoration:none;}
.photo-list li span { display:block; float:left; cursor:pointer; color:#CCC; }
.photo-list li.photo-hover span{  color:#333; }

.photo-list li.current a{ background:url(../images/albumn-bg.gif) left -700px no-repeat;}
.photo-list li.current a span{color:#333;}

.photo-list li.no-tag a { background:url(../images/albumn-bg.gif) left -740px no-repeat; }
.photo-list li.no-tag-hover a{ background:url(../images/albumn-bg.gif) right -740px no-repeat;}
.photo-list li.no-tag a span { color:#999; }
.photo-list li.no-tag-hover a span { color:#333; }

span.dl-count, span.favo-count{display:block; line-height:12px; position:absolute; top:99px; padding-left:12px; background-image:url(../images/icons.gif); background-repeat:no-repeat;}
span.dl-count{left:3px; background-position:left -48px;}
span.favo-count{right:3px; background-position:left -16px;}

li.photo-hover span.dl-count,
li.highlight-hover span.dl-count,
li.no-tag-hover span.dl-count{left:3px; background-position:left -32px;}
li.photo-hover span.favo-count,
li.highlight-hover span.favo-count,
li.no-tag-hover span.favo-count{right:3px; background-position:left 0px;}



/**导航图片**/
.navi-photo-list {font:11px Tahoma, Geneva, sans-serif; zoom:1; padding:0 0 10px 10px; padding:0 0 10px 9px\9; *padding:0 0 10px 10px;}
.navi-photo-list:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.navi-photo-list li { float:left; display:inline; width:70px; position:relative; margin:0 10px 0 0;}
.navi-photo-list li a, .navi-photo-list li a:hover, .navi-photo-list li a:active{ display:block; float:left; text-decoration:none; width:60px; padding:5px; height:60px; overflow:hidden;  color:#333; background:url(../images/albumn-bg.gif) left -860px no-repeat; }
.navi-photo-list li img{width:60px; height:60px;}
.navi-photo-list li.photo-hover a, .navi-photo-list li.photo-hover a:hover, .navi-photo-list li.photo-hover a:active{background:url(../images/albumn-bg.gif) right -860px no-repeat;}
.navi-photo-list li.current a{ background:url(../images/albumn-bg.gif) left -935px no-repeat; cursor:default; outline:none; }
.recommend-list li {margin:0 10px 10px 0;}

#my-navi{overflow:hidden;}
#my-navi ul{margin-left: -80px;}



/**图片进度**/
.progress-bar{width:86px; padding-left:4px; background:url(../images/progress-bar.gif) left 0 no-repeat;}
	.progress-inner{height:12px; width:86px; overflow:hidden;}
	.progress-value{overflow:hidden; text-indent:-1000px; background:url(../images/progress-bar.gif) right -12px no-repeat; height:12px; float:left;}

/********显示大图片*********/
		.photo-list li.highlight { width:320px; height:245px; }
		.photo-list li.highlight a, .photo-list li.highlight a:hover, .photo-list li.highlight a:active{ width:310px; height:225px; padding:5px 5px 15px; background:url(../images/albumn-bg.gif) left -120px no-repeat; position:relative; }
		.photo-list li.highlight-hover a, .photo-list li.highlight-hover a:hover, .photo-list li.highlight-hover a:active{ width:310px; height:225px; padding:5px 5px 15px; background:url(../images/albumn-bg.gif) left -370px no-repeat; position:relative; text-decoration:none; }
		.photo-list li.highlight a img { width:310px; height:220px; }
		.photo-list li.highlight a span{ float:none; width:150px; margin-top:2px; font-size:12px; overflow:hidden; white-space:nowrap; text-align:left; }
        .dl-favo{width:90px; height:15px; position:relative; float:right; top:-15px;}
        	.dl-favo span.dl-count, .dl-favo span.favo-count{top:0;}
        .photo-list li.highlight-hover span{  color:#333; }
/*.photo-list li.highlight a span.pic-seg { display:block; visibility:visible; position:static; float:none; width:260px; height:180px; text-align:center; background-color:#FFF; }*/

/******图片预览********/
.view-box { padding:2px; background-color:#009eff; }
.view-box .box, .view-box #overallImageArea { background-color:#EEE; margin:0; font-size:93%; height:396px; border:1px solid #FFF; overflow:hidden; line-height:350px; text-align:center; position:relative; }
.view-box #overallImageArea img{display:block; position:absolute; left:0; top:0; z-index:10; cursor:crosshair}
.view-box #overallImageArea a#zoom{display:block; width:32px; height:0; padding-top:27px; overflow:hidden; background-image:url(../images/zoom.gif); background-repeat:no-repeat; position:absolute; right:10px; top:10px; z-index:101;}
.view-box #overallImageArea a.zoomIn{background-position:left 0;}
.view-box #overallImageArea a.zoomOut{background-position:left -32px;}
.tool-box { margin-bottom:15px; padding:0; font-size:93%; background:#009eff url(../images/tool-box-bg-left.jpg) left bottom no-repeat;  color:#FFF;}
.tool-box .tool-box-inner{padding:4px 0 12px; background:url(../images/tool-box-bg-right.jpg) right bottom no-repeat;}
.tool-box-inner dd a:link, .tool-box-inner dd a:visited{color:#b1f0fe;}
.tool-box-inner dd a:hover, .tool-box-inner dd a:active{color:#FFF; text-decoration:underline;}

.photo-description{margin-bottom:10px; }
#photo-description-proxy{display:none;}
.photo-description h3{padding:5px 10px 0;  border-style:solid; border-color:#94dbf3; border-width:1px 1px 0 1px; background-color:#daf5fe; position:relative;}
.photo-description h3 a{display:block; width:12px; height:0; padding:12px 0 0 0; overflow:hidden; position:absolute; right:10px; top:8px; background-image:url(../images/expand.gif); background-repeat:no-repeat; background-position:left 0px; }
.photo-description h3 a.show-all{background-position:left -12px;}
#photo-description{font-size:93%; padding:5px 10px 10px; border-style:solid; border-color:#94dbf3; border-width:0 1px 1px 1px; background-color:#daf5fe;}
#photo-description p{line-height:1.4em; margin-bottom:5px;}

.exif-google{margin-bottom:10px; zoom:1;}
.exif-google:after, .exif-info dl:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.exif-info{float:left;}
.exif-info .exif{min-width:320px; _width:320px;}
.exif-google .google-ad{float:left; margin:0; width:200px;}
	.exif-info h4{font-size:108%; font-weight:bold; margin-bottom:8px;}
	.exif-info dl{zoom:1; margin:0 0 3px 5px; font-size:93%;}
	.exif-info dt{float:left; width:5em;}
	.exif-info dd{float:left;}

.tool-box .size-navi-cuz{height:35px; zoom:1; position:relative;}
	.tool-box .size-navi-cuz .size-navi{padding-left:10px; zoom:1;}
	.tool-box .size-navi-cuz .size-navi:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
		.tool-box .size-navi-cuz .size-navi dl{float:left; margin:10px 5px 0 0;}
		.tool-box .size-navi-cuz .size-navi dl dt, .tool-box .size-navi-cuz .size-navi dl dd{display:inline; float:left; margin-right:4px;}
	.tool-box .size-navi-cuz .customize{position:absolute; top:0; right:0;}
	.tool-box .size-navi-cuz .customize .link-buttons{margin:0; float:left; padding-right:10px; position:static;}
.other-size{padding:0 10px;}
.other-size dt{float:left; width:5em;}
.other-size dd{margin-left:5em;}
.other-size dd ul{zoom:1; overflow:hidden;}
.other-size:after, .other-size dd ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.other-size dd ul li{float:left; display:inline; margin-right:5px; white-space:nowrap;}


#cropImg{visibility:hidden;}


/******自定义尺寸菜单按钮********
div.customize { position:relative; min-height:1.3em; }
div.customize dl { position:absolute; top:-2px; right:0; border-bottom:1px solid #999; }
div.customize dt a { display:block; height:1.5em; line-height:1.5em; border:1px solid #999; padding:0 1.5em 0 .8em; background:#dfdddd url(../images/button-bg.gif) left top repeat-x; color:#000; text-decoration:none; }
div.customize dt a:hover { border:1px solid #F09; color:#F09; }
div.customize dt a span { display:block; height:4px; width:7px; overflow:hidden; background:url(../images/drop-arrow.gif) left top no-repeat; position:absolute; right:.6em; top:.6em; }
div.customize dt a:hover span { background:url(../images/drop-arrow.gif) left -4px no-repeat; }
div.customize dd { background:#FFF; padding:2px 10px; border-width:0 1px; border-style:solid; border-color:#999; }*/	

/*****图片评论*******/
.comments { margin-bottom:15px; }
.comment-box { border:1px solid #CCC; font-size:93%; min-height:50px; margin-bottom:8px; }
.comment-box p.a { float:right; padding:6px; }
.comment-box p.a img { border:1px solid #999 }
.comment-box p.t { padding:6px 0 10px 10px; }
.comment-box p.t span { margin-left:4px; color:#666 }
.comment-box div.c { margin:0 65px 15px 10px; }
.comments-area{border:1px solid #666; width:100%;}
.comments-area:focus {border-color:#009EFF;}
.comments-btn a{display:block; width:125px; padding-top:35px; height:0px; overflow:hidden; background-image:url(../images/sub-buttons.gif); background-repeat:no-repeat; background-position:left -80px; float:left; text-align:center; color:#000;}

/*****图片信息*****/
dl.information { margin-bottom:8px; zoom:1;}
dl.information:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
dl.information dt { font-size:93%; width:3em; min-height:2em; float:left; }
dl.information dt img { border:1px solid #CCC; }
dl.information dd { margin-left:3em;}
#editPhotoForm dl.information dd {float:left; width:530px; margin-left:0;}
dl.information dd.text-bottom { padding:10px 0 0 0; }
ul.tags li { display:inline; float:left; margin-right:5px; white-space:nowrap; }

/*******common list********/
.list li { margin:0 0 4px 2px; color:#666; font-size:93%; }
.list li a { margin-right:4px }

/********user list***********/
.user-list li { border-bottom:1px solid #CCC; padding:10px 0; color:#666; }
.user-list li dl { zoom:1; }
.user-list li dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.user-list li dl dt { float:left; margin:0 8px 0 0; }
.user-list li dl dd { font-size:93%;}
.user-list li dl dd.date-time{font-size:85%; white-space:nowrap;}
.user-list li dl dt img { border:1px solid #CCC; display:block; }

/******按钮链接*******/
#download-photo, #add-favorite, #add-download, .upload-button, #remove-favorite, #remove-download { width:160px; margin:0 auto; margin-bottom:10px; overflow:hidden; font-size:93%; }
#add-download { margin-bottom:20px; }
#download-photo a, #add-favorite a, #add-download a, .upload-button a, #remove-favorite a, #remove-download a { display:block; width:160px; padding-top:36px; height:0px; overflow:hidden; background-image:url(../images/buttons.gif); background-repeat:no-repeat; }
#download-photo a { background-position:left 0px; }
#download-photo a:hover { background-position:left -36px; }
#add-favorite a { background-position:left -72px; }
#add-favorite a:hover { background-position:left -108px; }
#remove-favorite a { background-position:left -144px; }
#remove-favorite a:hover { background-position:left -180px; }
#add-download a { background-position:left -216px; }
#add-download a:hover { background-position:left -252px; }
#remove-download a { background-position:left -288px; }
#remove-download a:hover { background-position:left -324px; }
.upload-button { margin:20px auto; }
.upload-button a { background-position:left -168px; }
.upload-button a:hover { background-position:left -196px; }

/********投票样式**********/
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating { background: url(../images/star.gif) left 0 repeat-x; }
.star-rating { position:relative; width:100px; height:20px; list-style:none; overflow:hidden; margin-top:-5px; padding:0; background-position:left top; }
.star-rating li {position: absolute; top:0; left:0; overflow:hidden; }
.star-rating a, .star-rating .current-rating { display:block; padding-top:20px; width:20px;  }
.star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position:left -40px; }
.voted a:hover, .voted a:active, .voted a:focus { background:none; cursor:default; }
.voted span { display:block; position:absolute; top:0; left:0; height:0px; padding-top:20px; overflow:hidden; }
.star-rating li.one-star { z-index:6; }
.star-rating li.two-stars { z-index:5; }
.star-rating li.three-stars { z-index:4; }
.star-rating li.four-stars { z-index:3; }
.star-rating li.five-stars { z-index:2; }
.star-rating li.one-star a { width:20px; }
.star-rating li.two-stars a { width:40px; }
.star-rating li.three-stars a { width:60px; }
.star-rating li.four-stars a { width:80px; }
.star-rating li.five-stars a { width:100px; }
.star-rating .current-rating { z-index:1; background-position: left -20px; }
.inline-rating {/*display:-moz-inline-block; display:-moz-inline-box; */ display:inline-block; vertical-align: middle; }
.score { width:75px; height:15px; background:url(../images/star-score.gif) left top repeat-x; position:relative; margin-top:-3px; }
.score span { display:block; position:absolute; height:0; padding-top:15px; overflow:hidden; left:0; top:0; background:url(../images/star-score.gif) left -15px repeat-x; }

/****状态样式*****/
.navigator-status { position:absolute; z-index:10; width:100%; text-align:center; top:5px; left:0; }
.navigator-status .navigator-status-start { display:block; width:60px; height:46px; padding:14px 0 0; text-align:center; margin:auto; background:#FFF; -moz-opacity:0.6; opacity:0.6; filter:alpha(opacity=60); zoom:1; }
.star-status { }
.star-status img { width:20px; height:20px; vertical-align:top; margin-top:-5px; }

/***/
.navigation-arrow{margin:0 5px;}

/****Modal Panel style****/
.hoyobaModal .rich-mp-content{border:3px solid #efa069; font-size:12px;}
.hoyobaModal .rich-mp-content-table{border:1px solid #cf5c0c;}
.hoyobaModal .dr-mpnl-pnl-b{ padding:0; }
.rich-mpnl-mask-div{ background-color:#999; opacity:0.5; filter:Alpha(Opacity=50); }
.hoyobaModal .rich-mpnl-header {font-size:14px; text-align:left; color:#FFF; border-color:#2c71e1; background-image:url(../images/modal-window-header.jpg); }
.hoyobaModal .rich-mpnl-controls{right:12px; top:10px;}

/***Form style****/
input.text {vertical-align:middle; padding:5px; height:15px; background:#FAFAFA url(../images/form.gif) -10px 0 no-repeat; border:none; width:236px; font-size:93%;}
input.focus{background:#DEE6F8 url(../images/form.gif) -10px -80px no-repeat;}
.errors input.text{background:#FAF3F3 url(../images/form.gif) -10px -40px no-repeat;}
.errors input.focus{background:#DEE6F8 url(../images/form.gif) -10px -120px no-repeat;}

textarea.text{height:90px; width:520px; background:transparent; border:none; font-size:93%; }
.textarea { padding:5px; margin:0; width:520px; height:90px; background:#FAFAFA url(../images/form.gif) -10px -160px no-repeat; border:none; }
.textareafocus { background:url(../images/form.gif) -10px -380px no-repeat; }
.errors .textarea{background:#DEE6F8 url(../images/form.gif) -10px -270px no-repeat;}
.errors .textareafocus{background:#DEE6F8 url(../images/form.gif) -10px -490px no-repeat;}

/**Link Buttons**/
.link-buttons, .select-bar { zoom:1; margin-bottom:5px; position:relative;}
.link-buttons:after, .select-bar:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.link-buttons a:link, .link-buttons a:visited { display:inline-block; zoom:1; *display:inline; color:#333; background:transparent url(../images/albumn-tools.gif) no-repeat left -50px; height:25px; vertical-align:middle; padding-left:12px; position:relative;  font-size:12px; margin:0 2px; white-space:nowrap;}
.link-buttons a.button-on, .link-buttons a.button-on:hover{background:transparent url(../images/albumn-tools.gif) no-repeat left -175px;}
.link-buttons a:hover,.link-buttons a:active { background-position:left -75px; text-decoration:none; color:#226bd7;}
.link-buttons a span.right-slide-door { display:block; height:25px; float:left; line-height:25px; background:transparent url(../images/albumn-tools.gif) no-repeat right top; padding-right:12px;  cursor:pointer;}
.link-buttons a.button-on span.right-slide-door, .link-buttons a.button-on:hover span.right-slide-door{background:transparent url(../images/albumn-tools.gif) no-repeat right -150px;}
.link-buttons a.dropdown span.right-slide-door {padding-right:20px;}
	.link-buttons a span.arrow{position:absolute; right:8px; top:11px; display:block; width:7px; height:4px; overflow:hidden; background:url(../images/drop-arrow.gif) left top no-repeat;}
.link-buttons a:hover span.right-slide-door, .link-buttons a:active span.right-slide-door { background-position:right -25px; }
.link-buttons a span.delete-icon, .link-buttons a span.tag-icon, .link-buttons a span.batch-icon { padding-left:14px; background-image:url(../images/albumn-tools.gif); background-repeat:no-repeat; cursor:pointer;}
.link-buttons a span.delete-icon{background-position:left -100px;}
.link-buttons a span.batch-icon{background-position:left -150px;}
.link-buttons a span.tag-icon {background-position:left -125px;}
.link-buttons .tag-combo-wrapper{display:inline-block; zoom:1; *display:inline; height:25px; vertical-align:middle; position:relative; font-size:12px; margin-right:2px;}
	.link-buttons .tag-combo{with:220px; height:23px; text-align:left; font-size:12px;}
	.link-buttons .tag-combo .rich-combobox-input,
	.link-buttons .tag-combo .rich-combobox-input-disabled,
	.link-buttons .tag-combo .rich-combobox-font-disabled,
	.link-buttons .tag-combo .rich-combobox-input-inactive{padding:5px 0 0 2px; height:18px; border:1px solid #999; font-size:12px; }
	.link-buttons .tag-combo .rich-combobox-input{border:1px solid #226bd7; }
	.link-buttons .tag-combo .rich-combobox-input-inactive{border:1px solid #659ef1;}
	.link-buttons .tag-combo .rich-combobox-font{text-align:left;}
	.link-buttons .tag-combo .rich-combobox-button-inactive, .link-buttons .tag-combo .rich-combobox-button{height:23px;}
	.link-buttons .tag-combo .rich-combobox-shell{ height:23px;}
	.link-buttons .tag-combo input.rich-combobox-button-pressed-background,
	.tag-combo-list{text-align:left;}
	.tag-combo-list .rich-combobox-list-decoration{border:1px solid #226bd7;}
	.tag-combo-list .rich-combobox-item{color:#666; font-size:12px;}
	.tag-combo-list .rich-combobox-item-selected{color:#333; background:#bce1ff; border:none; padding:2px; font-size:12px; }
.customize .link-buttons a:link,
.customize .link-buttons a:visited,
.customize .link-buttons a:hover,
.customize .link-buttons active,
.customize .link-buttons a span.right-slide-door,
.customize .link-buttons a:hover span.right-slide-door{padding-left:9px; margin-right:0; color:#FFF; font-weight:bold; float:left; background:transparent url(../images/customize-bg.gif) no-repeat left -30px; height:30px; line-height:28px;}
.customize .link-buttons a span.right-slide-door,
.customize .link-buttons a:hover span.right-slide-door{padding-left:0 15px 0 3px; background-position:right 0px; float:left;}

/**rich tabs**/
.hoyoba-rich-tabs{}
.hoyoba-rich-tabs .rich-tab-bottom-line{height:30px; font-size:12px; border-bottom:3px solid #41aeec; margin-left:-5px;}
.hoyoba-rich-tabs .rich-tab-bottom-line img{width:0px; display:none;}
.hoyoba-rich-tabs .dr-tbpnl-cntnt{border:none; padding:10px 0 0;}
.hoyoba-rich-tabs .rich-tab-inactive{font-size:12px; width:110px; height:27px; white-space:nowrap; padding:3px 0 0; background:url(../images/rich-tabs-bg.jpg) left -65px no-repeat; color:#333;}
.hoyoba-rich-tabs .rich-tab-active{font-size:12px; width:110px;  height:27px; white-space:nowrap; padding:3px 0 0; border:0; background:url(../images/rich-tabs-bg.jpg) left top no-repeat; color:#FFF; }
.hoyoba-rich-tabs .dr-tbpnl-tb-sel{background:url(../images/rich-tabs-bg.jpg) left -130px no-repeat; border:none; color:#2088D9;  height:27px; padding:3px 0 0;}
.hoyoba-rich-tabs .rich-tabhdr-side-cell, .hoyoba-rich-tabs .dr-tbpnl-tb-act{border:none;}
.hoyoba-rich-tabs .rich-tabhdr-side-border{background:none; display:none;}
.hoyoba-rich-tabs .dr-tbpnl-tb-act, .hoyoba-rich-tabs .dr-tbpnl-tb-inact  {border:none;}
.hoyoba-rich-tabs .rich-tabhdr-side-cell{padding-right:2px;}

/****google ad****/
.google-ad{margin-bottom:15px; position:relative;}
.google-ad .ad-mask-468_15{position:absolute; left:0; top:0; width:112px; height:15px; background-color:#FFF; z-index:80;}
.google-ad .ad-mask-120_90{position:absolute; left:0; top:0; width:120px; height:15px; background-color:#FFF; z-index:80;}

/****google search box****/
.google-cse{margin:0;}
.google-round-t, .google-round-b{height:5px; overflow:hidden; padding-left:5px;}
	.google-round-t div.right, .google-round-b div.right{height:5px; overflow:hidden; padding-right:5px;}
		.google-round-t div.right span, .google-round-b div.right span{display:block; height:5px; overflow:hidden;}
.google-round-t,
.google-round-t div.right,
.google-round-t div.right span,
.google-round-b,
.google-round-b div.right,
.google-round-b div.right span {background-image:url(../images/google-cse.gif); background-repeat:no-repeat; background-color:#fff8dd;}
.google-round-t{background-position:left 0;}
.google-round-t div.right{background-position:right -10px;}
.google-round-t div.right span{background-position:left -5px; background-repeat:repeat-x;}
.google-round-b{background-position:left -15px;}
.google-round-b div.right{background-position:right -25px;}
.google-round-b div.right span{background-position:left -20px; background-repeat:repeat-x;}


#google-search-box{background-color:#fff8dd;}
#google-search-box h3{padding:5px 0 0 10px; border:1px solid #f8bc59; border-width:0 1px;}
#google-search-box #cse{position:relative; z-index:99;}
#google-search-box #cse .cse-inner{padding:0 10px; border:1px solid #f8bc59; border-width:1px;}
	#google-search-box #cse form.gsc-search-box{padding:5px 5px 2px 8px; background:#fff8dd; border:1px solid #f8bc59; border-width:1px; width:auto; margin:0;}
	#google-search-box .gsc-tabsArea, #google-search-box .gsc-resultsHeader{display:none;}
	#google-search-box .gsc-wrapper{position:relative; background-color:#fff8dd;}
	#google-search-box .gsc-adBlock{border:1px solid #f8bc59; border-width:2px 1px 0 1px; background-color:#fff8dd; margin:0;}
		#google-search-box .gsc-adBlock iframe{background-color:#fff8dd;}	
		#google-search-box .gsc-wrapper .gsc-resultsbox-visible{position:relative;}
			#google-search-box .gsc-wrapper .gsc-resultsbox-visible .gsc-resultsRoot{position:absolute; z-index:100; top:0; width:100%; border:1px solid #efdfa2; border-width:1px 0 0; background-color:#FFF;}
			#google-search-box .gsc-resultsHeader{margin:0;}
			#google-search-box .gsc-result .gs-title{font-weight:bold; margin-bottom:3px;}
			#google-search-box .gsc-result .gs-snippet{font-size:93%;}
				#google-search-box .gsc-result a.gs-title b{color:#F00;}
			#google-search-box .gsc-resultsbox-visible .gsc-result{padding:5px 10px; margin:0; border-bottom:1px solid #efdfa2; background:#fff8dd;}
			#google-search-box input.gsc-input{border-color:#baceea; border-width:1px; padding-top:0px; height:16px;  *padding-top:2px; *height:16px;}
			#google-search-box input.gsc-search-button{padding:0; margin:0 0 0 1px; height:18px; width:55px; padding:0 0 0 15px; border:none; color:#FFF; background:#f09103 url(../images/google-cse-btn.gif) left top no-repeat; font-size:93%; cursor:pointer; }
			#google-search-box input[type="submit"]{padding:0; margin:0 0 0 1px; height:18px; width:55px; padding:0 0 0 15px; border:none; color:#FFF;  background:#f09103 url(../images/google-cse-btn.gif) left top no-repeat; font-size:93%; cursor:pointer;}
			#google-search-box .gsc-results{margin:0 auto; width:auto; border:1px solid #f8bc59; border-width:0 1px 1px; padding:0;}
			#google-search-box .gsc-results .gsc-cursor-box{margin:0; padding:5px 10px; background-color:#FFF;}
			#show-google-result{visibility:hidden; position:absolute; z-index:100; left:0px; top:27px; padding:1px 4px; font-size:93%; background:#f8bc59; cursor:pointer;}
			#show-google-result.show, #show-google-result.hide{visibility:visible;}
			
/**分享链接**/
.img-address{margin-bottom:8px;}
#picLink{background:#FFF; border:1px solid #CCC; height:16px; width:400px;}

/**所有标签**/
ul.all-tags{padding:10px 0 0 10px;}
ul.all-tags li{float:left; display:inline; width:98px; height:38px; border:1px solid #DDD; margin:0 10px 10px 0; text-align:center; white-space:no-wrap; overflow:hidden; font-size:93%;}
ul.all-tags li a:link, ul.all-tags li a:visited, ul.all-tags li a:hover, ul.all-tags li a:active{display:block; float:left; width:98px; height:33px; padding:5px 0 0 0; text-decoration:none;}
ul.all-tags li a:hover, ul.all-tags li a:active{background-color:#DAF5FE;}
ul.all-tags li a span{display:block; color:#666;}

/**tooltip**/
.toolTip{position:absolute; width:210px; z-index:999; visibility:hidden;}
.toolTip .tipInner{padding:15px 20px 0; background:url(../images/tip.png) left top no-repeat; text-align:left;}
.toolTip span{display:block; height:28px; overflow:hidden; background:url(../images/tip.png) left bottom no-repeat; }

/**面包屑导航**/
.breadcrumbs{font-size:93%; color:#666; padding:8px 0 30px;}

/****newYear***
#hd h1 span#newYear{position:absolute; left:235px; top:0; width:60px; height:60px; background:url(../images/tiger.png) left top no-repeat;}*/