/*
Theme Name: octloftjazz
Theme URI: http://www.tiebeike.com
Description: 铁贝壳为OCTLOFT JAZZ定制.
Author: 铁贝壳信息技术
Author URI: http://www.tiebeike.com/
Version: 2.2
*/
body{padding:35px 0 0 32px; line-height:24px; color:#313131; letter-spacing:1px;}
a,a:link,a:visited{ color:#313131;}
h1{ font-size:20px; line-height:22px; background:url(images/h1line.gif) repeat-x left bottom; padding-bottom:8px; font-weight:bold}
h1.o-title{ padding-bottom:15px; margin-bottom:10px;}
h4,h5{ padding:2px 4px;letter-spacing:3px;}
h6{ padding:4px 4px 2px;}
h5{background:url(images/OCTLOFTJAZZweb1-2_08.gif) no-repeat 65px center;}
h3{padding:15px 0; border-bottom:1px solid #ef217b;border-top:1px solid #ef217b; display:block; color:#ef217b;}
h3 .fright{ float:right; color:#2bb9de; background:url(images/arr_02.gif) no-repeat left center; padding-left:20px;}

.left,.center,.right{ float:left; display:inline-block; width:470px;}
.center{ width:215px; padding-left:32px;}
.right{ width:184px; padding-left:22px; padding-top:60px}
.content{ padding:10px 0; word-wrap: break-word;}
.content img{ display:block; padding:10px 0;}

.date-box{ height:166px;}
.news-list li{ padding:10px 0;border-top:1px solid #42c6de;}
.news-list li a:hover,h4 a:hover,.view a.more:hover,.gallerys a.more:hover,.gall-li a.count:hover{ color:#ef217b;}
.news-list li.active a,.news-list li.active a:visited,h4 .active{ color:#ef217b;}

.nav{ padding:8px 4px; line-height:2.2;}
.nav li a{ margin:4px 0; letter-spacing:2px;}
.nav li.active a{ color:#ef217b}
.nav li a:hover{ color:#fff; background:#ef217b}
a.more{ color:#5cd3e7; float:right;}
.press-box a.more{ float:none;}
.press-box li{border-bottom:1px solid #ef217b; padding-bottom:20px; clear:both; padding-top:15px;list-style-type:none}
.press-box.news-box li{padding-bottom:0; clear:both; padding-top:8px;}
.press-box.news-box{ border-top:1px solid #ef217b}
.press-box.news-box .title,.press-box.news-box .time{ font-size:14px; font-weight:bold}
.press-box .content{ padding-top:0;}
.view { border-top:1px solid #ef217b;}
.view h4{ border-top:1px solid #42c6de; border-bottom:1px solid #42c6de;}
.view .title{ font-size:20px; line-height:22px; padding:10px 0; font-weight:bold;}
.view a.more{ padding-top:10px; }

.press-box.volunteers-box li{ border-top:1px solid #ef217b; border-bottom:none}
.view .title.nbt{ border-top:none;}

.pro-list li{ border-bottom:2px solid #f69ec1; padding-bottom:15px; margin-bottom:30px;}
.sub-title{ font-size:15px; font-weight:bold; padding:6px 0; border-bottom:1px solid #00b4d3; clear:both}
.sub-title .more{ font-size:12px;}

.store-list{width:478px; overflow:hidden; padding-bottom:24px;}
.sub-title .fright{ float:right;}
.sub-title .fright a{ color:#42c6de; padding-left:20px; background:url(images/arr_02.gif) no-repeat left center;}
.gall-li .count{ font-size:12px; color:#42c6de; margin-left:15px; vertical-align:middle}
.gallery-list ul{ width:500px; margin-left:-4px;}
.gallery-list ul li{ float:left; display:inline-block;margin:0 4px; width:235px; overflow:hidden; padding-bottom:8px;}
.gallery-list ul li{ width:113px; height:104px; overflow:hidden}

li.gall-li{border-bottom: 2px solid #F69EC1;margin-bottom: 15px;overflow:hidden}

.uline1{ border-bottom:1px solid #ef217b;}
.uline2{ border-bottom:1px solid #42c6de;}
.nouline{ border-bottom:none;}

.parner-box .parner-title{ font-size:13px; padding:10px 0; overflow:hidden}
.parner-box .li1 li{ float:left; margin-right:80px;}
.parner-box li{ float:left; margin-right:55px;}
.thanks{ padding:20px 10px;}
.p-list{ width:482px;}/*width:700px;*/
.p-list li{ margin:0; padding:0; padding-right:25px; margin-top:10px; }

.archive-box { line-height:1.7;}
.archive-box li { clear:both; padding:27px 0 35px;}
.archive-box li img{ float:left; margin-right:15px}
.archive-box a:hover{ color:#ef217b}

.organizer{ padding:27px 0 35px}
.page{ padding:10px 0; clear:both;}
.page ,.page a{ color:#42c6de}
.page .gray{ color:#999}
.page .prev{ background:url(images/arr_01.gif) no-repeat left 0; padding-left:15px; margin-top:-1px}
.page .next{ background:url(images/arr_02.gif) no-repeat right 0; padding-right:15px;margin-top:-1px}
.page span.prev{background-image:url(images/arr_011.gif)}
.page span.next{background-image:url(images/arr_022.gif)}

.gallerys { border-top:1px solid #00B4D3; width:478px; overflow:hidden;}
.gallerys ul{ width:510px;}
.gallerys-list li{ float:left; width:140px; margin-right:29px; color:#b4b0a4; padding-top:40px;line-height:18px; height:181px; overflow:hidden}
.gallerys-list .title{ font-size:12px;}
.gallerys-list .name{ font-size:12px; color:#75a6c8}
.gallerys-list p{line-height:18px;}
.gallerys-list li.npdt{ padding-top:0}
.gallerys-list li a{ display:block; width:140px; padding-bottom:3px;}
.gallerys-list li.tc_2 a{ text-align:center;}
.gallerys-list li.tc_0 a{ text-align:right;}
.share{ padding-top:20px; border-bottom:1px solid #00B4D3}
.share .jiathis{ text-indent:-9999px;}
.gallerys .title{ font-weight:bold; font-size:15px; }
.gallerys a.more{ font-size:12px; font-weight:normal; background:url(images/arr_01.gif)  no-repeat left center; padding-left:20px;}
.jiathis_txt{ color:#42c6de}
.galleryshow-pages{ margin-left:100px;}



.tikgets-box ul li{ border-top:1px solid #ef217b}
.tikgets-box ul li a{ color: #42c6de}

/*	gallery	*/
.gall-li .big-img { position:relative;}
.gall-li .big-img a{ position:absolute; top:0;}
.gall-li .thumcontainer li{ cursor:pointer;}
.gall-li h1{ font-weight:normal}

.lanlink a:hover{ color:#ef217b}

/*  by jin */
.menu{ padding:8px 4px; line-height:2.2;}
.menu li a{ margin:4px 0; letter-spacing:2px;}
.menu li.active a{ color:#ef217b}
.menu li.current-menu-item a{ color:#ef217b}
.menu li a:hover{ color:#fff; background:#ef217b}
#lang_sel_list a.lang_sel_sel{display:none}
#lang_sel_list{height:22px;}
.title{font-weight:bold}
#leftmaincontent p{margin-bottom:10px;}
#leftmaincontent img{max-width:478px;}