/* CSS Document */
/* 框架宽度定义 */
.f_width_245 {width:245px;}
.f_width_720 {width:720px;}

.showcaseheader { background:url(http://i1.facekoo.net/images/common/showcase_menu.gif); height:86px;}
.showcaseheader .title_01 { background:url(http://i1.facekoo.net/images/common/showcase_menu_01t.gif); width:277px; height:86px;}
.showcaseheader .title_02 { background:url(http://i1.facekoo.net/images/common/showcase_menu_02t.gif); width:277px; height:86px;}
.showcaseheader .title_03 { background:url(http://i1.facekoo.net/images/common/showcase_menu_03t.gif); width:277px; height:86px;}
.showcaseheader .title_04 { background:url(http://i1.facekoo.net/images/common/showcase_menu_04t.gif); width:277px; height:86px;}
.showcaseheader .menu { width:660px; padding-left:20px; }
.showcaseheader .menu a { margin-right:6px; display:block; float:left;}
.showcaseheader .upbtn { float:right; margin-top:8px; padding-right:16px;}
.showcaseheader .upbtn a { display:block; height:26px;}
.showcaseheader .sort { width:680px;}
.showcaseheader .sort a img { margin-right:6px; margin-top:13px;}
.showcaseheader .sort a:hover img { margin-top:9px; border-bottom:4px solid #fff;}

.showcaseheader .sort a { height:32px; display:block; float:left; margin-top:16px; margin-right:3px;}
.showcaseheader .sort a:hover,.showcaseheader .sort a.nav_off { background-position:bottom;}
.showcaseheader .sort .nav_01 { background:url(http://i1.facekoo.net/images/common/showcase_pic_01.gif); width:72px;}
.showcaseheader .sort .nav_02 { background:url(http://i1.facekoo.net/images/common/showcase_pic_02.gif); width:72px;}
.showcaseheader .sort .nav_03 { background:url(http://i1.facekoo.net/images/common/showcase_pic_03.gif); width:72px;}
.showcaseheader .sort .nav_04 { background:url(http://i1.facekoo.net/images/common/showcase_pic_04.gif); width:86px;}
.showcaseheader .sort .nav_05 { background:url(http://i1.facekoo.net/images/common/showcase_pic_05.gif); width:102px;}
.showcaseheader .sort .nav_06 { background:url(http://i1.facekoo.net/images/common/showcase_pic_06.gif); width:86px;}
.showcaseheader .sort .nav_07 { background:url(http://i1.facekoo.net/images/common/showcase_pic_07.gif); width:72px;}
.showcaseheader .sort .nav_08 { background:url(http://i1.facekoo.net/images/common/showcase_pic_08.gif); width:72px;}

.showcaseheader a.menu_01 { background:url(http://i1.facekoo.net/images/common/showcase_menu_01.gif); width:97px; height:38px;}
.showcaseheader a.menu_01:hover,a.menu01x { background:url(http://i1.facekoo.net/images/common/showcase_menu_01x.gif); width:97px; height:38px;}
.showcaseheader a.menu_02 { background:url(http://i1.facekoo.net/images/common/showcase_menu_02.gif); width:97px; height:38px;}
.showcaseheader a.menu_02:hover,a.menu02x { background:url(http://i1.facekoo.net/images/common/showcase_menu_02x.gif); width:97px; height:38px;}
.showcaseheader a.menu_03 { background:url(http://i1.facekoo.net/images/common/showcase_menu_03.gif); width:121px; height:38px;}
.showcaseheader a.menu_03:hover,a.menu03x { background:url(http://i1.facekoo.net/images/common/showcase_menu_03x.gif); width:121px; height:38px;}

.showcase .menu {}

.showcase .piclist { float:left; margin-top:28px; height:210px; margin-bottom:10px; margin-left:15px!important; margin-left:11px; text-align:center; padding-top:2px; border:1px solid #E8E8E8; padding:5px; color:#666; width:21%;}
.showcase .piclist li { padding-top:3px;}
.showcase .piclist .m_left13 { margin-left:13px;}
.showcase .piclist .m_left13 span { color:#CC6600;}
.showcase .star_top { background:url(http://i1.facekoo.net/images/common/showcase_pm_01.gif); height:43px; clear:left;}
.showcase .star_main { background:url(http://i1.facekoo.net/images/common/showcase_pm_02.gif) repeat-y; padding:6px 0px;}
.showcase .star_main ul.list2 { margin-left:10px; padding-top:12px; background:url(http://i1.facekoo.net/images/common/showcase_xx_01.gif) no-repeat bottom; padding-bottom:8px; margin-top:10px;}
.showcase .star_bottom { background:url(http://i1.facekoo.net/images/common/showcase_pm_03.gif); height:55px; clear:left;}
.showcase .mybox_top { background:url(http://i1.facekoo.net/images/common/showcase_mytop.gif); height:42px;}
.showcase .mybox_main { border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; padding:10px;}
.showcase .myboxul li { height:18px; margin-top:8px!important; margin-top:3px;}
.showcase .myboxul .mycolor_tit { width:60px; margin-left:1px;}
.showcase .myboxul .mycolor_01 { background:url(http://i1.facekoo.net/images/common/showcase_my_ico02.gif) no-repeat; width:151px; line-height:15px; color:#fff; padding-left:1px; margin-left:4px; height:17px; padding-top:1px; }
.showcase .myboxul .mycolor_02 { background:url(http://i1.facekoo.net/images/common/showcase_my_ico03.gif) no-repeat; width:151px; line-height:15px; color:#fff; padding-left:1px; margin-left:4px; height:17px; padding-top:1px; }
.showcase .myboxul .mycolor_03 { background:url(http://i1.facekoo.net/images/common/showcase_my_ico04.gif) no-repeat; width:151px; line-height:15px; color:#fff; padding-left:1px; margin-left:4px; height:17px; padding-top:1px; }
.showcase .myboxul .mycolor_01 span,.myboxul .mycolor_02 span,.myboxul .mycolor_03 span { font-size:11px; line-height:10px; padding-left:2px; font-weight:bold;}
.showcase .myboxpic { margin-bottom:4px!important; margin-bottom:0px;}
.showcase .myboxpic .pic { height:100px;}
.showcase .myboxbtn { width:110px; margin-left:10px; margin-bottom:4px!important; margin-bottom:0px;}
.showcase .myboxbtn .btn a { background:url(http://i1.facekoo.net/images/common/showcase_my_ico01.gif) no-repeat; width:104px; height:25px; line-height:25px; display:block; text-align:center; color:#333; margin-top:1px;}
.showcase .myboxul .btn a:hover { background:url(http://i1.facekoo.net/images/common/showcase_my_ico01x.gif) no-repeat; color:#666;}
.showcase .page_navigation_tx { background:url(http://i1.facekoo.net/images/common/showcase_page.gif) no-repeat; padding-top:30px; height:40px;}

.showcase .lbox_top { background:url(http://i1.facekoo.net/images/common/showcase_lbox_top.gif); height:14px; font-size:0px;}
.showcase .lbox_main { border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; padding:5px 10px 6px 10px; }
.showcase .lbox_main h1 { font-size:14px; color:#000; margin-bottom:4px;}
.showcase .lbox_main .newsul { padding-left:2px;}
.showcase .lbox_main .newsul li { line-height:20px; background:url(http://i1.facekoo.net/images/common/showcase_lbox_ico.gif) no-repeat 0px 7px; padding-left:12px;}
.showcase .lbox_main .newsul li a { color:#714928;}
.showcase .lbox_main .more { text-align:right; margin-top:4px;}
.showcase .lbox_main .picul li.list1 img { padding:3px; margin-left:5px; margin-right:5px;}
.showcase .lbox_main .picul li.list1 p{height:22px;width:60px;}
.showcase .rbox_top { background:url(http://i1.facekoo.net/images/common/showcase_rbox_top.gif) no-repeat; padding-top:5px; height:41px; width:710px;}
.showcase .rbox_top .fleft { padding-left:20px; margin-top:15px; font-size:14px; font-weight:bold;}
.showcase .rbox_top .fright { padding-right:50px; margin-top:15px; color:#0099CC;}
.showcase .rbox_h1 { margin-top:20px; border-bottom:3px solid #E8E8E8; clear:left;}
.showcase .rbox_rss { clear:left;}
.showcase .rbox_rss li { padding:2px 7px; border:1px dotted #D8D8D8; margin-right:10px; float:left; margin-top:10px; line-height:20px; word-break:keep-all ;}
.showcase .rbox_rss li a { color:#000; }
.showcase .rbox_rss li span { color:#09C5E1;}
.showcase .rbox_page { height:20px;}
.showcase .rbox_content_pic { margin-top:20px; margin-right:15px;}
.showcase .rbox_content_pic .f_width_500{ width:500px;}
.showcase .rbox_content_pic .pic { height:400px;}
.showcase .rbox_content_pic .pic img { padding:5px; border:1px solid #ccc;}
.showcase .rbox_content_pic .pic .btn { text-align:right;}
.showcase .rbox_content_pic .pic .btn img { border:none;}
.showcase .rbox_content_txt { color:#666; }
.showcase .rbox_content_txt .btn { margin-bottom:10px;}

.showcase .rbox_content_txt .tit { font-size:14px; font-weight:bold; margin-top:15px; margin-bottom:6px;width:180px!important;}
.showcase .rbox_content_txt .txt { margin-top:5px;width:180px!important;}
.showcase .rbox_tag { padding:10px; border:1px dotted #ccc; color:#8C8C8C;}
.showcase .rbox_tag a { background:url(http://i1.facekoo.net/images/common/showcase_rbox_ico05.gif) repeat-x; line-height:21px; padding:4px 10px 2px 10px; color:#000; margin-left:20px;}
.showcase .rbox_about { background:#F7F7F7; padding:10px;}
.showcase .rbox_about h1 { font-size:14px; color:#724929;}
.showcase .rbox_review { background:url(http://i1.facekoo.net/images/common/showcase_rbox_ico06.gif);}
.showcase .rbox_review li { line-height:30px; padding-left:10px; font-weight:bold; font-size:14px;}
.showcase .rbox_review_li {margin-top:10px; overflow:hidden; height:auto; border-bottom:1px  dashed #999999;}
.showcase .rbox_review_li li{margin-top:0px!important; margin-top:10px; }
.showcase .rbox_review_li .pic { width:90px; float:left; }
.showcase .rbox_review_li .txt { width:500px; float:left;}
.showcase .rbox_review_li .btn { width:100px; float:left;}
.showcase .rbox_review_li  .replay_comment_text{ width:450px; height:40px;}
.showcase .rbox_review_input .textarea { border:1px solid #ccc; padding:1px; height:60px; width:98%; padding:5px;}
.showcase .mypic_top { background:url(http://i1.facekoo.net/images/common/showcase_mytop2.gif); height:25px; text-align:right; padding-right:10px; padding-top:20px; font-size:14px;}
.showcase .mypic_main img.preview {width:238px;height:238px;border:1px solid #E8E8E8;border-top:none}
.showcase .rbox_update { background:url(http://i1.facekoo.net/images/common/showcase_rbox_update_bg.gif) repeat-y; padding-top:20px; padding-bottom:10px;}
.showcase .rbox_update li { padding-top:10px!important; padding-top:5px;}
.showcase .rbox_update .tit { width:100px;padding:5px 10px 0px 0px; text-align:right;}

.showcase .rbox_update .txt { width:565px;padding:0px 0px 0px 10px; color:#777;}
.showcase .rbox_update .txt { width:565px;padding:0px 0px 0px 10px; color:#777; white-space:nowrap}
.showcase .rbox_update .radio div { padding-bottom:10px; float:left; margin-right:20px;}
.showcase .rbox_update .input_01 { width:450px; border:1px solid #ccc; padding-left:2px; padding-top:2px; height:18px; margin-right:10px;}
.showcase .rbox_update .input_short { width:300px; border:1px solid #ccc;  padding-top:2px; height:18px; margin-right:10px;}
.showcase .rbox_update .input_02 { width:300px; border:1px solid #ccc; padding-left:2px; padding-top:2px; height:18px; margin-right:10px;}
.showcase .rbox_update .select_01 { width:100px; border:1px solid #ccc; padding-left:2px; padding-top:2px; margin-right:10px;}
.showcase .rbox_update .textarea_01 { width:450px; border:1px solid #ccc; padding-left:2px; padding-top:2px; height:70px;}

.showcase .color09C5E1,a.color09C5E1,.color09C5E1 a { color:#09C5E1;}
.showcase .colorFF7223,a.colorFF7223,.colorFF7223 a { color:#FF7223;}
.showcase .color0099CC,a.color0099CC,.color0099CC a { color:#0099CC;}
.showcase .colorFF9000,a.colorFF9000,.colorFF9000 a { color:#FF9000;}

/*标签使用*/
#selector .tag_box{ height:auto; overflow:hidden; margin-left:10px;}
#selector .tag_box .title{ margin-top:10px;}
#selector .tag_box .inputbox{ margin-top:5px;}
#selector .tag_box #selectbox{ margin-left:-5px;}
#selector .tag_box #selectbox div{ height:20px; margin-top:5px;}
#selector .tag_box .buttons{ margin:5px;}
.multilistPic{clear:both;}
.tagboxsStyle{width:120px; float:left; word-wrap:break-word;}
.tagboxsMaxHeight{height:auto; overflow:hidden;}
.taginfo{width:200px;background:#66FFFF;position:absolute;left:0px;top:0px;}
.tagline{ width:200px; font-size:12px; margin-top:5px;height:auto;float:left;white-space:nowrap;}
.tagline1{ width:auto; float:left; line-height:25px; cursor:pointer;color:#0099FF;white-space:nowrap;}
.tagline2{ width:auto; float:left; line-height:25px; cursor:pointer; text-align:left; margin-left:5px; color:#CCCCCC;white-space:nowrap;}
/*收藏夹*/
.favorite{ width:220px; height:auto; overflow:hidden; border:#CCCCCC solid 1px; position:absolute; background-color:#ffffff}
.favorite .top{width:220px; height:35px; font-size:12px; overflow:hidden; line-height:35px; margin-top:10px;}
.favorite .top .top_left{width:100px; height:25px; float:left; line-height:25px; padding-left:10px; color:#FE8500}
.favorite .top .top_right{width:40px; height:25px; float:right; line-height:25px;color:#09C2E0}
.favorite .middle{ height:auto;width:220px; overflow:hidden;}

.favorite .buttom{ width:220px; height:25px;}
.favorite .buttom button{ margin-left:5px; margin-bottom:10px; }
.favorite .middle .item{ width:200px; height:auto; overflow:hidden; margin-left:5px; margin-top:5px; margin-bottom:10px;}
.favorite .middle .item .img{ height:40px; width:40px; float:left; margin-left:10px;}
.favorite .middle .item .img img{height:30px; width:30px;  border:1px solid #999999}
.favorite .middle .item .infobox{width:100px; height:70px; float:left; margin-left:5px;}
.favorite .middle .item .infobox .names{width:100px; height:20px; line-height:20px; overflow:hidden; text-indent:10px; background-color:#EEEEEE}
.favorite .middle .item .infobox .keywords{width:100px; overflow:hidden;text-indent:10px; color:#0099FF}
/*tip*/
.tipDiv {position:relative;border:1px #ccc solid;left:0px;top:-1px;width:300px;padding:0px;margin:0px;height:0px;z-index:111;}
.keyWords{position:relative;padding:3px;margin:-1px;background:#fff;overflow:hidden;width:294px;border-left:1px #ccc solid;border-right:1px #ccc solid;border-bottom:1px #ccc solid;cursor:pointer;}
.keyWordsHighLight{position:relative;padding:2px;margin:-1px;background-color:#ccc;overflow:hidden;width:296px;border-left:1px #ccc solid;border-right:1px #ccc solid;border-bottom:1px #ccc solid;cursor:pointer;}
.keyWordsLowLight{position:relative;padding:3px;margin:-1px;background-color:#fff;overflow:hidden;width:294px;border-left:1px #ccc solid;border-right:1px #ccc solid;border-bottom:1px #ccc solid;cursor:pointer;}
.checkboxDivStyle{float:left;white-space:nowrap;margin:3px;clear:none;}
.tipDivMenu{float:left;position:absolute;border:1px #999999 solid;background-color:#fff;width:300px;overflow:hidden;}

.goods_name_font{height:22px;text-align:center;padding-top:5px;}
.compositor_font{width:150px!important;}
.nocontent {margin-top:28px; margin-bottom:10px; margin-left:15px!important; margin-left:11px;padding-top:2px; border:1px solid #E8E8E8; padding:5px; color:#666;}

.smallPhotoName{float:left;border:1px #ccc dashed;padding:0px 2px 0px 2px; text-align:center;width:70px; margin:5px;margin-left:1px;}
.smallPhotoNameHigh{float:left;border:1px #333 dashed;padding:0px 2px 0px 2px; text-align:center;width:70px; margin:5px;margin-left:1px;}

.smallPhotoName a{background-color:#fff;text-decoration:none;}
.smallPhotoName a:hover{ background-color:#ccc;text-decoration:none;}
.smallPhotoNameHigh a{ background-color:#fff;text-decoration:none;}
.smallPhotoNameHigh a:hover { background-color:#ccc;text-decoration:none;}

/*lightbox css*/
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{
	padding: 10px;
	}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://i1.facekoo.net/images/trans.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://i1.facekoo.net/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://i1.facekoo.net/images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
	font: 12px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}
#imageData{	padding:0px 5px 0px 5px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{font-size:18px; width: 12px; float: right;  padding-bottom: 0.7em;	}	
#prevNextDiv{ float:right; width:40px; padding-right:5px;}

#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}	
.casePhotosmy{padding:0px;overflow:auto;overflow-x:hidden;SCROLLBAR-FACE-COLOR: #C2D3FC;SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;WIDTH: 185px;SCROLLBAR-3DLIGHT-COLOR:#C2D3FC;SCROLLBAR-ARROW-COLOR: #919192;SCROLLBAR-DARKSHADOW-COLOR: #ffffff;HEIGHT: 186px;
}

.skin3_border { border:1px solid #bbb;}