.SectionSmallBlock{text-align:left; background-position:bottom right; height:250px; background-image:url(../Image/Background/SmallBlog.gif); width:210px; position:relative;}
.SectionSmallBlock .Title{border-bottom:2px solid #333333;}
.SectionSmallBlock .ImgPreview{margin:5px; margin-top:0.3em;}
.SectionSmallBlock .TitleText{padding-left:5px; padding-right:5px; font-weight:bold; font-size:12px; vertical-align:bottom;}
.SectionSmallBlock .ContentText{margin-top:8px; padding-left:5px; padding-right:5px; height:84px;}
.SectionSmallBlock .ImgDetail{position:absolute; bottom:5px; left:5px; z-index:3;}
.SectionSmallBlock .Art{position:absolute; bottom:0px; right:0px; z-index:2;}


.SectionLocalityTwoColumn{text-align:left; width:470px; min-height:250px; position:relative; float:left; }
.SectionLocalityTwoColumn .LocalityItem{ float:left; position:relative; }
.SectionLocalityTwoColumn .LocalityItem .ImgPreview{margin:0px 5px 5px 5px; width:209px; border:solid 3px #FFFFFF; height:105px; overflow:hidden; }
.SectionLocalityTwoColumn .LocalityItem .ImgPreview img{ width:210px;}
.SectionLocalityTwoColumn .LocalityItem .TitleText{padding-left:5px; padding-right:5px; font-weight:bold; font-size:11px; vertical-align:bottom; position:relative; }
.SectionLocalityTwoColumn .LocalityItem .TitleText .city{ position:absolute; right:5px; font-size:9px; top:0px; font-weight:bold; color:#666666; }
.SectionLocalityTwoColumn .LocalityItem .ContentText{margin-top:8px; color:#333333; width:200px; padding-left:5px; padding-right:5px; height:55px; overflow:hidden; }
.SectionLocalityTwoColumn .LocalityItem .ContentText a{color:#999999; text-decoration:none; }
.SectionLocalityTwoColumn .LocalityItem .score { position:absolute; left:5px; top:205px; background-color:#FFFFFF; height:4px; overflow:hidden; }
.SectionLocalityTwoColumn .LocalityItem .score img{ width:70px; height:4px; }



.showcase{ height:306px; width:100%; float:left; background-repeat:repeat-x; margin-top:8px; position:relative; }

.showcase .showcaseContent{ width:932px; float:left; position:relative; height: 306px; left: 50%; margin-left:-466px; right:50%; background-position:center top; background-repeat:no-repeat; }
.showcase .showcaseContent .link { position:absolute; z-index:500; display:block; }
.showcase .showcaseContent .link img { height:266px; margin-left:6px; width:919px; }
.showcase .showcaseContent .news-bar { width:100%; z-index:100; height:52px; float:left; overflow:hidden; margin-top:-10px; position:absolute; bottom:-6px; left:0px; }
.showcase .showcaseContent .news-bar .content { text-align:left; height:52px; float:left; width:932px; position:relative; left: 50%; margin-left:-466px; right:50%; }
.showcase .showcaseContent .news-bar .content .start{ background-image:url(../image/background/main-menu.png); width:15px; height:52px; background-position:0px 0px; float:left; }
.showcase .showcaseContent .news-bar .content .middle{ background-image:url(../image/background/main-menu-center.png); background-repeat:repeat-x; width:902px; height:52px; background-position:0px 0px; float:left; position:relative; }
.showcase .showcaseContent .news-bar .content .middle h2{ font-size:19px; width:100px; margin-top:6px; font-family:Helvetica, Arial; color:#606060; }
.showcase .showcaseContent .news-bar .content .middle .news-logo{ position:absolute; right:0px; top:17px;  }
.showcase .showcaseContent .news-bar .content .middle .news-feed{ position:absolute; left:95px; top:24px; color:#FFFFFF; }
.showcase .showcaseContent .news-bar .content .middle .news-feed ul { padding:0px; margin:0px; list-style-type:none; }
.showcase .showcaseContent .news-bar .content .middle .news-feed ul li { width:650px; }
.showcase .showcaseContent .news-bar .content .middle .news-feed ul li a { color:#FFFFFF; text-decoration:none; }
.showcase .showcaseContent .news-bar .content .middle .news-feed ul li a:hover { color:#FFFFFF; text-decoration:underline; }
.showcase .showcaseContent .news-bar .content .end{ background-image:url(../image/background/main-menu.png); width:15px; height:52px; background-position:15px 0px; float:left; }
.showcase .showcaseContent .grad { background-image:url(../image/background/showcase-grad.png); width:920px; height:107px; position:absolute; bottom:39px; left:6px; z-index:1; }
.showcase .showcaseContent .desc { background-color:#000000; opacity:0.8; filter:alpha(opacity=80); width:390px; height:80px; position:absolute; bottom:60px; left:6px; z-index:2; }
.showcase .showcaseContent .desc-text { width:360px; bottom:58px; height:80px; overflow:hidden; position:absolute; z-index:3; left:12px; }
.showcase .showcaseContent .desc-text .title{ color:#61CCE5; font-weight:bold; line-height:20px; }
.showcase .showcaseContent .desc-text .text{ color:#CCCCCC; height:44px; overflow:hidden; }
.showcase .showcaseContent:hover .desc { background-color:#E30450; opacity:0.9; filter:alpha(opacity=90);}
.showcase .showcaseContent:hover .desc-text {}
.showcase .showcaseContent:hover .desc-text .title{ color:#FFFFFF; }
.showcase .showcaseContent:hover .desc-text .text{ color:#FFFFFF; }


.footer { width:100%; background-color:#3E3E3E; margin-top:100px; float:left; }
.footer .area { position:relative; width:920px; float:left; height:320px; float:left; left: 50%; margin-left:-460px; right:50%; }
.footer .area .icon { float:left; width:108px; height:90px; background-image:url(../image/background/footer.jpg); }
.footer .area .twitter-icon { float:right; margin-top:44px; }

.footer .area .newsletter { float:left; width:920px; background-color:#3B3A3A; border:solid 1px #494848; position:relative; }
.footer .area .newsletter .narea{ float:left; padding:10px; }
.footer .area .newsletter .narea .title{ float:left; display:block; color:#FFFFFF; font-size:11px; width:100%; margin-bottom:5px; }
.footer .area .newsletter .narea .form { float:left; }
.footer .area .newsletter .narea .form .text-field { background-color:#333333; width:240px; border:solid 1px #2C2C2C; padding:3px; color:#CCCCCC; float:left; font-size:11px; }
.footer .area .newsletter .narea .form .button-field { background-color:#333333; width:100px; cursor:pointer; border:solid 1px #2C2C2C; padding:2px;  font-size:11px; color:#FFFFFF; float:left; margin-left:5px; }
.footer .area .newsletter .narea .form .loading-image { position:absolute; left:375px; }
.footer .area .newsletter .narea .form .loading-image img { width:20px; height:20px; }
.footer .area .newsletter .narea .info-message { position:absolute; top:34px; left:450px; }

.footer .area .links{ float:left; margin-top:20px; }
.footer .area .links .link{ width:145px; border-top:solid 5px #363535; float:left; margin-right:10px; padding-top:5px; }
.footer .area .links .link .title { color:#FFFFFF; margin-bottom:4px; font-size:12px; font-weight:bold; display:block; }
.footer .area .links .link a { display:block; text-decoration:none; color:#EFEFEF; width:145px; margin-bottom:3px; }
.footer .area .links .link a:hover { text-decoration:underline; }

.footer .area .copyrigth { position:absolute; color:#A3A3A3; bottom:10px; }
.footer .area .created { position:absolute; right:0px; bottom:10px; }
.footer .area .created a { color:#A3A3A3; text-decoration:none; }
.footer .area .created a:hover { text-decoration:underline;  }

.TitlePlus1Column{width:210px; height:20px; position:relative;}
.TitlePlus1Column #icon{position:absolute; margin:4px;}
.TitlePlus1Column #label{position:absolute; margin-left:22px; margin-top:3px;}

.TitlePlusPercent{width:100%; height:20px; position:relative;}
.TitlePlusPercent #icon{position:absolute; margin:4px;}
.TitlePlusPercent #label{position:absolute; margin-left:22px; margin-top:3px;}
.TitlePlusPercent #link{position:absolute; right:5px; margin-top:3px;}


.MusicianDetailPanel{width:210px; position:relative; background-image:url(/Image/Background/musician-detail-panel.jpg); padding-bottom:20px;}
.MusicianDetailPanel #item{width:202px; position:relative; height:20px; border-bottom:solid 1px #FFFFFF; margin-left:4px;}
.MusicianDetailPanel #active_item{width:202px; position:relative; height:20px; border-bottom:solid 2px #9BCC01; margin-left:4px;}
/*.MusicianDetailPanel #item:hover{border-bottom:solid 1px #E21545;}*/
.MusicianDetailPanel #item #icon{position:absolute; right:0px; bottom:0px;}
.MusicianDetailPanel #item #link{position:absolute; left:-1px; bottom:2px;}
.MusicianDetailPanel #active_item #icon{position:absolute; right:0px; bottom:0px;}
.MusicianDetailPanel #active_item #link{position:absolute; left:-1px; bottom:2px;}



.main-content{ width:100%; float:left; margin-top:20px; }
.main-content .content-area{ float:left; text-align:left; width:932px; float:left; position:relative; left: 50%; margin-left:-466px; right:50%; }

/*.main-content .content-area .three-column{ float:left; margin-top:20px; }
.main-content .content-area .three-column .column-1{ float:left; width:310px; height:380px; overflow:hidden; margin-right:20px; position:relative; }
.main-content .content-area .three-column .column-1 .content { float:left; padding:5px; }
.main-content .content-area .three-column .column-1-2{ float:left; width:610px; height:380px; overflow:hidden; margin-right:20px; position:relative; }
.main-content .content-area .three-column .column-1-2 .content { float:left; padding:5px; }

.main-content .content-area .three-column .column-1 .content .blog-items{ float:left; margin-top:10px; }
.main-content .content-area .three-column .column-1 .content .blog-items .blog-item{ float:left; margin-bottom:20px; }


.main-content .content-area .three-column .column-2{ float:left; width:300px; overflow:hidden; margin-right:20px; position:relative; }
.main-content .content-area .three-column .column-2 .content { float:left; padding:0px 5px 5px 0px; }

.main-content .content-area .three-column .column-3{ float:left; width:310px; overflow:hidden; position:relative; }
.main-content .content-area .three-column .column-3 .content { float:left; padding:0px 5px 5px 0px; }
.main-content .content-area .three-column .column-3 .content .news { float:left; margin-top:5px; }
.main-content .content-area .three-column .column-3 .content .news .news-content{ float:left; margin-top:5px;height:34px; overflow:hidden; margin-bottom:15px; width:300px; }
.main-content .content-area .three-column .column-3 .content .news .news-content a{ color:#CCCCCC; text-decoration:none; }
.main-content .content-area .three-column .column-3 .content .news .news-main-image{ float:left; position:relative; width:300px; height:160px; overflow:hidden; }
.main-content .content-area .three-column .column-3 .content .news .news-main-image .image{ z-index:1; }
.main-content .content-area .three-column .column-3 .content .news .news-main-image .text{ z-index:3; position:absolute; bottom:5px; left:5px; }
.main-content .content-area .three-column .column-3 .content .news .news-main-image .text a{ display:block; width:280px; height:40px; }
.main-content .content-area .three-column .column-3 .content .news .news-main-image .title-back{ z-index:2; position:absolute; bottom:0px; left:0px; }
.main-content .content-area .three-column .column-3 .content .news .news-items { float:left; margin-top:25px; }
.main-content .content-area .three-column .column-3 .content .news .news-items .news-item { float:left; border-left:5px solid #FFFFFF; margin-bottom:1px; background-color:#2C2C2C; width:295px; }
.main-content .content-area .three-column .column-3 .content .news .news-items .news-item a{ text-decoration:none; display:block; width:280px; padding:4px; color:#FFFFFF; }
.main-content .content-area .three-column .column-3 .content .news .news-items .news-item a:hover{ color:#FAB117; }



.section-title { float:left; display:block; width:100%; }
.section-title h1 { font-size:20px; font-weight:normal; line-height:20px; margin:6px 5px 6px 5px; padding:0px;  }



.radius-yellow-detail-button{ position:absolute; right:5px; top:5px; float:left; }
.radius-yellow-detail-button a{ color:#FFFFFF; text-decorationo:none; float:left; }

.radius-yellow-detail-button { background-image:url(/image/yellow-radius-back.png); width:70px; height:21px; }
.radius-yellow-detail-button a{ display:block; width:70px; line-height:21px; text-align:center; vertical-align:middle; color:#000000; }
.radius-yellow-detail-button:hover { background-image:url(/image/yellow-radius-back-hover.png); } */


.video-items { width:300px; overflow:hidden; cursor:pointer; }
.video-items .video-item{ width:298px; overflow:hidden;  margin:0px 5px 5px 0px; background-color:#222223; position:relative; }
.video-items .video-item .picture{ width:100px; margin:5px 0px 5px 5px; height:60px; overflow:hidden; float:left; }
.video-items .video-item .picture img{ width:90px; height:50px; border:solid 5px #E9E9E9; float:left; }
.video-items .video-item .text{ height:27px; float:left; }
.video-items .video-item .text a{ color:#FFFFFF; display:block; margin-top:5px; margin-left:10px; width:175px; height:28px; overflow:hidden; text-decoration:none; }
.video-items .video-item .video-info{ position:absolute; left:115px; bottom:5px; color:#666666; width:175px;  }
.video-items .video-item:hover{ background-color:#3E3E40; }


.footer-bar{ width:100%; position:fixed; z-index:100; bottom:0px; margin-bottom:0px; height:66px; background-image:url(/image/background/footer-bar.png); display:none; }
.footer-bar .footer-content { text-align:left; height:56px; width:960px; position:relative; left: 50%; margin-left:-480px; right:50%; }
.footer-bar .footer-content .profile-image { width:40px; height:40px; position:absolute; left:0px; bottom:-5px; border:solid 5px #B0CBD2; }
.footer-bar .footer-content .art { position:absolute; right:0px; bottom:-5px; }


.header { width:100%; z-index:100; height:74px; float:left; overflow:hidden; }
.header .content { text-align:left; height:74px; float:left; width:932px; position:relative; left: 50%; margin-left:-466px; right:50%; }
.header .content .logo{ float:left; width:197px; height:114px; margin-top:-10px; margin-left:5px; }
.header .content .login-button{ display:block; float:right; background-image:url(../image/btn-login-register.png); width:84px; margin-left:5px; overflow:hidden; height:22px; margin-top:15px; text-align:center; text-decoration:none; color:#EFEFEF; line-height:20px; background-position:0px 22px; margin-right:5px; }
.header .content .register-button{ display:block; float:right; background-image:url(../image/btn-login-register.png); width:84px; height:22px; overflow:hidden; margin-top:15px; text-align:center; text-decoration:none; color:#EFEFEF; line-height:20px; background-position:0px 22px; }
.header .content .twitter-button{ display:block; margin-right:20px; float:right; background-image:url(/image/share/twitter-3.png); width:73px; height:23px; overflow:hidden; margin-top:15px; background-position:0px 0px; }
.header .content .twitter-button img { width:61px; height:23px; }
.header .content .login-button:hover{ background-position:0px 0px; color:#FFFFFF; }
.header .content .register-button:hover{ background-position:0px 0px; color:#FFFFFF; }
.header .content .twitter-button:hover{ background-position:0px 23px; }

.main-menu { width:100%; z-index:100; height:52px; float:left; overflow:hidden; margin-top:-10px; position:relative; }
.main-menu .content { text-align:left; height:52px; float:left; width:932px; position:relative; left: 50%; margin-left:-466px; right:50%; }
.main-menu .content .start{ background-image:url(../image/background/main-menu.png); width:15px; height:52px; background-position:0px 0px; float:left; }
.main-menu .content .middle{ background-image:url(../image/background/main-menu-center.png); background-repeat:repeat-x; width:902px; height:52px; background-position:0px 0px; float:left; }
.main-menu .content .middle .first-item{ float:left; padding:6px; } 
.main-menu .content .middle .first-item a{ display:block; height:40px; padding-right:10px; line-height:42px; font-size:11px; color:#FFFFFF; text-decoration:none; font-weight:bold; } 
.main-menu .content .middle .first-item a:hover{ color:#61CCE5; } 
.main-menu .content .middle .item{ float:left; padding:6px; } 
.main-menu .content .middle .item a{ display:block; height:40px; padding-left:10px; padding-right:10px; line-height:42px; font-size:11px; color:#FFFFFF; text-decoration:none; font-weight:bold; } 
.main-menu .content .middle .item a:hover{ color:#61CCE5; } 
.main-menu .content .middle .item-member{ float:left; padding:6px; } 
.main-menu .content .middle .item-member a{ display:block; height:40px; padding-left:10px; padding-right:10px; line-height:42px; font-size:11px; color:#61CCE5; text-decoration:none; font-weight:bold; } 
.main-menu .content .middle .item-member a:hover{ color:#FAB117; } 
.main-menu .content .middle .seperator{ float:left; height:39px; background-color:#383838; overflow:hidden; width:1px; margin-top:6px; } 
.main-menu .content .end{ background-image:url(../image/background/main-menu.png); width:15px; height:52px; background-position:15px 0px; float:left; }
.main-menu .content .middle .search { background-color:#FFFFFF; width:255px; height:24px; position:absolute; right:13px; top:14px; float:left; }
.main-menu .content .middle .search .textfield { background-color:#CCCCCC; color:#666666; text-indent:1px;  border:none; font-size:11px; padding:2px 3px 3px 3px; float:left; width:204px; margin:3px 0px 0px 3px; }
.main-menu .content .middle .search .buttonfield { float:left; margin-top:3px; margin-left:3px; }


.two-column-black { width:602px; float:left;  position:relative; }
.two-column-black .start { width:602px; float:left; }
.two-column-black .start .l{ width:10px; height:10px; background-image:url(../image/block/type-1-l-t.png); float:left; }
.two-column-black .start .c{ width:582px; height:10px; background-image:url(../image/block/type-1-c-t.png); float:left; }
.two-column-black .start .r{ width:10px; height:10px; background-image:url(../image/block/type-1-r-t.png); float:left; }
.two-column-black .middle { width:602px; float:left; }
.two-column-black .middle .l{ width:10px; background-image:url(../image/block/type-1-l-m.png); float:left; }
.two-column-black .middle .c{ width:582px; background-color:#1A1A1C; float:left; background-image:url(../image/background/world.png); background-position:center center; background-repeat:no-repeat;  }
.two-column-black .middle .c h2 { font-size:25px; line-height:26px; font-family:Helvetica, Arial; margin:10px 0px 25px 0px; padding:0px; }
.two-column-black .middle .c h2.type2 { font-size:25px; line-height:26px; font-family:Helvetica, Arial; margin:10px 0px 10px 0px; padding:0px; }
.two-column-black .middle .c .link-all { font-size:12px; position:absolute; right:13px; top:30px; display:block; color:#FFFFFF; text-decoration:none; font-weight:bold;  }
.two-column-black .middle .c .link-all:hover { text-decoration:underline;}
.two-column-black .middle .c .musicans { float:left; }
.two-column-black .middle .c .musicans .item{ width:190px; height:50px; float:left; margin-bottom:5px; margin-right:5px; position:relative; z-index:2; }
.two-column-black .middle .c .musicans .item .photo{ width:50px; height:50px; overflow:hidden; float:left; }
.two-column-black .middle .c .musicans .item .text{ float:left; margin-left:5px; height:50px; width:135px; background-image:url(/image/background/transparent.png); position:relative; cursor:pointer; }
.two-column-black .middle .c .musicans .item .text .name { position:absolute; top:20px; left:5px; }
.two-column-black .middle .c .musicans .item .text .counter { position:absolute; left:5px; top:5px; }
.two-column-black .middle .r{ width:10px; background-image:url(../image/block/type-1-r-m.png); float:left; }
.two-column-black .end { width:602px; height:10px; float:left; }
.two-column-black .end .l{ width:10px; height:10px; background-image:url(../image/block/type-1-l-b.png); float:left; }
.two-column-black .end .c{ width:582px; height:10px; background-image:url(../image/block/type-1-c-b.png); float:left; }
.two-column-black .end .r{ width:10px; height:10px; background-image:url(../image/block/type-1-r-b.png); float:left; }


.adversite-300x250 { width:322px; float:left;  position:relative; }
.adversite-300x250 .start { width:322px; float:left; }
.adversite-300x250 .start .l{ width:10px; height:10px; background-image:url(../image/block/type-1-l-t.png); float:left; }
.adversite-300x250 .start .c{ width:302px; height:10px; background-image:url(../image/block/type-1-c-t.png); float:left; }
.adversite-300x250 .start .r{ width:10px; height:10px; background-image:url(../image/block/type-1-r-t.png); float:left; }
.adversite-300x250 .middle { width:322px; float:left; }
.adversite-300x250 .middle .l{ width:10px; background-image:url(../image/block/type-1-l-m.png); float:left; }
.adversite-300x250 .middle .c{ width:302px; background-color:#1A1A1C; float:left; }
.adversite-300x250 .middle .c .banner-area{ float:left; margin:1px; }
.adversite-300x250 .middle .c .link { font-size:11px; line-height:25px; display:block; color:#FFFFFF; text-decoration:none; text-align:right; }
.adversite-300x250 .middle .c .link:hover { text-decoration:underline;}
.adversite-300x250 .middle .r{ width:10px; background-image:url(../image/block/type-1-r-m.png); float:left; }
.adversite-300x250 .end { width:322px; height:10px; float:left; }
.adversite-300x250 .end .l{ width:10px; height:10px; background-image:url(../image/block/type-1-l-b.png); float:left; }
.adversite-300x250 .end .c{ width:302px; height:10px; background-image:url(../image/block/type-1-c-b.png); float:left; }
.adversite-300x250 .end .r{ width:10px; height:10px; background-image:url(../image/block/type-1-r-b.png); float:left; }




.white-block { float:left; display:block; height:100%; position:relative; }
.white-block .start { float:left; }
.white-block .start .l{ width:10px; height:10px; background-image:url(../image/block/type-2-l-t.png); float:left; }
.white-block .start .c{ height:10px; background-image:url(../image/block/type-2-c-t.png); float:left; }
.white-block .start .r{ width:10px; height:10px; background-image:url(../image/block/type-2-r-t.png); float:left; }
.white-block .middle { float:left; }
.white-block .middle .l{ width:10px; display:block; clear:both; background-image:url(../image/block/type-2-l-m.png); float:left; }
.white-block .middle .c{ background-color:#FFFFFF; float:left; }
.white-block .middle .c h2 { font-size:25px; line-height:26px; font-family:Helvetica, Arial; margin:5px 0px 10px 0px; padding:0px; }
.white-block .middle .c h2.type1 { color:#666666; }
.white-block .middle .c .link-all { font-size:12px; position:absolute; right:13px; top:20px; display:block; color:#E21545; text-decoration:none; font-weight:bold;  }
.white-block .middle .c .link-all:hover { text-decoration:underline;}
.white-block .middle .r{ width:10px; background-image:url(../image/block/type-2-r-m.png); float:left; }
.white-block .end { height:10px; float:left; }
.white-block .end .l{ width:10px; height:10px; background-image:url(../image/block/type-2-l-b.png); float:left; }
.white-block .end .c{ height:10px; background-image:url(../image/block/type-2-c-b.png); float:left; }
.white-block .end .r{ width:10px; height:10px; background-image:url(../image/block/type-2-r-b.png); float:left; }


.black-block { float:left; display:block; height:100%; position:relative; }
.black-block .start { float:left; }
.black-block .start .l{ width:10px; height:10px; background-image:url(../image/block/type-1-l-t.png); float:left; }
.black-block .start .c{ height:10px; background-image:url(../image/block/type-1-c-t.png); float:left; }
.black-block .start .r{ width:10px; height:10px; background-image:url(../image/block/type-1-r-t.png); float:left; }
.black-block .middle { float:left; }
.black-block .middle .l{ display:block; min-height:100%; clear:both; background-image:url(../image/block/type-1-l-m.png); float:left; background-position:left; background-repeat:repeat-y; }
.black-block .middle .l .r{ margin-left:10px; background-image:url(../image/block/type-1-r-m.png); float:left; background-position:right; background-repeat:repeat-y; }
.black-block .middle .l .r .c{ background-color:#1A1A1C; float:left;  padding-left:2px;}
.black-block .middle .l .r .c h1 { font-size:25px; line-height:26px; font-family:Helvetica, Arial; margin:5px 0px 10px 0px; padding:0px; }
.black-block .middle .l .r .c h1.type1 { color:#61CCE5; }
.black-block .middle .l .r .c h2 { font-size:16px; line-height:26px; font-family:Helvetica, Arial; margin:5px 0px 10px 4px; padding:0px; }
.black-block .middle .l .r .c h2.type1 { color:#FFFFFF; margin:5px 0px 5px 0px; font-size:20px; font-family:Helvetica, Arial; }
.black-block .middle .l .r .c h2.type2 { color:#FFFFFF; margin:5px 0px 0px 0px; padding:0px; }
.black-block .middle .l .r .c h2.type3 { color:#61CCE5; margin:5px 0px 0px 0px; padding:0px; }
.black-block .middle .l .r .c h2.type4 { color:#61CCE5; font-size:19px; margin:0px 0px 0px 0px; padding:0px; }
.black-block .middle .l .r .c .link-all { font-size:12px; position:absolute; right:13px; top:20px; display:block; color:#FFFFFF; text-decoration:none; font-weight:bold;  }
.black-block .middle .l .r .c .link-all:hover { text-decoration:underline;}
.black-block .end { height:10px; float:left; }
.black-block .end .l{ width:10px; height:10px; background-image:url(../image/block/type-1-l-b.png); float:left; }
.black-block .end .c{ height:10px; background-image:url(../image/block/type-1-c-b.png); float:left; }
.black-block .end .r{ width:10px; height:10px; background-image:url(../image/block/type-1-r-b.png); float:left; }


.block-type-2 { float:left; display:block; height:100%; position:relative; }
.block-type-2 .start { float:left; }
.block-type-2 .start .l{ width:10px; height:10px; background-image:url(../image/block/type-3-l-t.png); float:left; }
.block-type-2 .start .c{ height:10px; background-image:url(../image/block/type-3-c-t.png); float:left; }
.block-type-2 .start .r{ width:10px; height:10px; background-image:url(../image/block/type-3-r-t.png); float:left; }
.block-type-2 .middle { float:left; }
.block-type-2 .middle .l{ display:block; min-height:100%; clear:both; background-image:url(../image/block/type-3-l-m.png); float:left; background-position:left; background-repeat:repeat-y; }
.block-type-2 .middle .l .r{ margin-left:10px; background-image:url(../image/block/type-3-r-m.png); float:left; background-position:right; background-repeat:repeat-y; }
.block-type-2 .middle .l .r .c{ background-color:#242425; float:left;  padding-left:2px;}
.block-type-2 .middle .l .r .c h1 { font-size:25px; line-height:26px; font-family:Helvetica, Arial; margin:5px 0px 10px 0px; padding:0px; }
.block-type-2 .middle .l .r .c h1.type1 { color:#242425; }
.block-type-2 .middle .l .r .c h2 { font-size:16px; line-height:26px; font-family:Helvetica, Arial; margin:5px 0px 10px 4px; padding:0px; }
.block-type-2 .middle .l .r .c h2.type1 { color:#FFFFFF; }
.block-type-2 .middle .l .r .c h2.type2 { color:#FFFFFF; margin:5px 0px 0px 0px; padding:0px; }
.block-type-2 .middle .l .r .c h2.type3 { color:#61CCE5; margin:5px 0px 0px 0px; padding:0px; }
.block-type-2 .middle .l .r .c h2.type4 { color:#61CCE5; font-size:19px; margin:0px 0px 0px 0px; padding:0px; }
.block-type-2 .middle .l .r .c .link-all { font-size:12px; position:absolute; right:13px; top:20px; display:block; color:#E21545; text-decoration:none; font-weight:bold;  }
.block-type-2 .middle .l .r .c .link-all:hover { text-decoration:underline;}
.block-type-2 .end { height:10px; float:left; }
.block-type-2 .end .l{ width:10px; height:10px; background-image:url(../image/block/type-3-l-b.png); float:left; }
.block-type-2 .end .c{ height:10px; background-image:url(../image/block/type-3-c-b.png); float:left; }
.block-type-2 .end .r{ width:10px; height:10px; background-image:url(../image/block/type-3-r-b.png); float:left; }




.row-type-1 { height:277px; } /* banner */
.row-type-blog-h { height:330px; }
.row-type-blog-w { width:602px;  }
.row-type-blog-w-c { width:582px; }
.row-type-blog-w-c-r { width:592px; }

.row-type-video-h { height:488px; }
.row-type-video-w { width:322px;  }
.row-type-video-w-c { width:302px; }
.row-type-video-w-c-r { width:312px; }

.row-type-2-h { height:180px; }
.row-type-2-w { width:602px;  }
.row-type-2-w-c { width:582px; }
.row-type-2-w-c-r { width:592px; }

.row-type-content-w { width:600px; }
.row-type-content-w-c { width:580px; }
.row-type-content-w-c-r { width:590px; }
.row-type-content-h { }

.row-type-content-2-w { width:322px; }
.row-type-content-2-w-c { width:302px; }
.row-type-content-2-w-c-r { width:312px; }


.bgtype1{ background-image:url(../image/background/white-block.jpg); background-position:top left; background-repeat:repeat-x; }

.blog-item { width:540px; float:left; margin-right:15px; position:relative; margin-bottom:14px; }
.blog-item .blog-image { float:left; }
.blog-item .blog-image a img{ width:240px; height:74px; border:solid 5px #E9E9E9; float:left; } 
.blog-item .blog-image .art { width:66px; height:69px; position:absolute; background-image:url(../image/art/blog-cross-bar.png); right:5px; top:5px; } 
.blog-item .blog-image .date { width:40px; position:absolute; left:10px; top:10px; } 
.blog-item .blog-image .date .text { opacity:0.8;  background-color:#000000; color:#FFFFFF; padding:3px; height:40px; vertical-align:top; font-size:12px; } 
.blog-item .blog-image .date .date-art { background-color:#D21B46; height:5px; margin-top:1px; } 
.blog-item .text-area { float:left; width:280px; height:70px; margin-left:10px; }
.blog-item .text-area .title{ display:block; float:left; text-decoration:none; color:#FAB117; font-weight:bold; } 
.blog-item .text-area .content{ display:block; float:left; margin-top:4px; height:30px; overflow:hidden; text-decoration:none; color:#FFFFFF; } 
.blog-item .text-area .comment { float:left; height:18px; position:absolute; bottom:0px; } 
.blog-item .text-area .comment .icon{ float:left; background-image:url(../image/icon/comment.gif); width:20px; height:18px; } 
.blog-item .text-area .comment .text{ float:left; height:18px; line-height:17px; min-width:80px; text-align:left; padding-left:5px; } 


.locality-items { float:left; width:600px; }
.locality-items .item-big { float:left; position:relative; }
.locality-items .item-big .ImgPreview a img{ width:290px; }
.locality-items .item-big .ImgPreview a img{ float:left; border:solid 5px #FFFFFF; }
.locality-items .item-big .title-text { position:absolute; left:10px; top:130px; }
.locality-items .item-big .title-text .name{ display:inline; background-color:#000000; border-top:solid 3px #D21B46; color:#FFFFFF; font-size:14px; width:auto; text-decoration:none; padding:2px 20px 2px 2px; height:20px; overflow:hidden;  }
.locality-items .item-thumb{ float:left; width:185px; margin-right:11px; }
.locality-items .item-thumb a img.image{ float:left; width:175px; float:left; border:solid 5px #FFFFFF; }
.locality-items .item-thumb .text{ float:left; color:#FFFFFF; margin-bottom:3px; width:170px; text-decoration:none; display:block; margin-top:5px; }
.locality-items .item-thumb .text:hover{ text-decoration:underline; }
.locality-items .item-thumb .city{ color:#666666; }


.locality-info { float:left; width:580px; }
.locality-info .image { float:left; width:300px; }
.locality-info .adress { float:left; width:275px; color:#FFFFFF; margin-left:5px; background-color:#333333; }
.locality-info .adress .text1 { color:#FAB117; display:block; margin:5px 5px 2px 5px; }
.locality-info .adress .text2 { color:#CCCCCC; display:block; margin:5px 5px 2px 5px; }
.locality-info .adress .text3 { color:#CCCCCC; display:block; margin:5px 5px 2px 5px; }
.locality-info .adress .text4 a { color:#FFFFFF; display:block; margin:5px 5px 2px 5px; text-decoration:none; }
.locality-info .adress .text5 a  { color:#FFFFFF; display:block; margin:5px 5px 10px 5px; text-decoration:none; }
.locality-info .adress .text4 a:hover { text-decoration:underline; }
.locality-info .adress .text5 a:hover  { text-decoration:underline; }
.locality-info .locality-description { color:#454547; font-size:11px; line-height:13px; float:left; width:580px; padding-top:10px; }
.locality-info .locality-description .label-link { background-color:#C51D45; display:block; padding:4px 8px 4px 8px; float:left; color:#FFFFFF; text-decoration:none; margin-right:2px; margin-bottom:2px; }


.text-area { line-height:1.4em; color:#FFFFFF; }
.text-area a { color:#FFFFFF; text-decoration:none; }
.text-area a:hover { text-decoration:underline; }

.latest-activity {}
.latest-activity .item { float:left; margin-bottom:1px; }
.latest-activity .item .icon-type1 { float:left; margin-right:5px; width:22px; height:18px; background-position:0px 0px; background-image:url(../image/icon/small-icon-s.png); }
.latest-activity .item .icon-type2 { float:left; margin-right:5px; width:22px; height:18px; background-position:0px -49px; background-image:url(../image/icon/small-icon-s.png); }
.latest-activity .item .link { color:#FFFFFF; font-size:11px; line-height:1.3em; text-decoration:none; display:block; width:570px; }
.latest-activity .item span.type1 { color:#01BFE1; }
.latest-activity .item span.type2 { color:#999999; }
.latest-activity .item:hover { }
.latest-activity .item:hover a { text-decoration:underline; }
.latest-activity .item:hover span { text-decoration:underline; }