/* COMMON PROPERTY */
.cf:before, .cf:after {content: ""; display: table} .cf:after {clear: both} .clear {display:block; position:relative; clear:both;*zoom:1} .clear:after {content:""; display:block; clear:both}
.or_txt {display:inline-block; overflow:hidden; word-break:break-all; text-overflow:ellipsis; white-space:nowrap}
.bxs {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box} .trs {-webkit-transition:all .25s ease; -ms-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease} .fl{float:left} .fr{float:right}
.bdr_r {border-radius:2px} .bdr_n {border:none} .mrg_r {margin-right:4px} .mrg_l {margin-left:4px} .mrg_at {margin-left:auto; margin-right:auto} .fw_b {font-weight:700} .fw_l {font-weight:400}
.cs_p {cursor:pointer} .d_n {display:none !important} .t_center {text-align:center} .t_left {text-align: left} .p_fx {position:fixed} .p_rt {position:relative} .p_as {position:absolute} .ttf_uc {text-transform:uppercase}
@media only screen and (min-width: 1024px) {.dt_hide {display:none}}
@media only screen and (max-width: 479px) {.cs_p {cursor:default}}

.no_img {display:block; width:100%; text-align:center; color:#bbb; font-weight:bold}
.wg_container {padding:0; background:transparent}
.td_header {padding:8px 8px 8px 12px; height:40px; line-height:24px; background:#f6f6f6}
.td_header > .ttf_uc {color:#444; font-weight:bold; letter-spacing:-1px; font-size:14px}
.td_header > .ttf_uc > i {vertical-align:-4px; font-size:18px}
.td_header .swiperMove {margin-left:4px}
.td_header .swiperMove i {color:#aaa}
.td_header .swiperMove:hover i {color:#444}

.prt_pagination.swiper-pagination {position:relative; margin:0 auto; line-height:22px; background:transparent !important}
.prt_pagination .swiper-pagination-bullet {border-radius:0; background:#aaa; margin:0 3px !important; border-radius:50%; width:10px; height:10px}
.prt_pagination .swiper-pagination-bullet-active {opacity:1; background:#666}

.prt.swiper-container {height:auto; padding:0; margin:0}
.prt .swiper-slide {height:auto}

/* title */
.vs_mc {width:100%; margin:0 auto; padding:0; list-style:none}
.vs_mc > li {padding:0 12px; height:40px; line-height:40px; background:#fff; border-bottom:1px solid #efefef}

.swiper-slide .vs_mc > li:hover {background:rgba(0,0,0,0.01)}
.vs_mc > li:last-child {border:0}
.vs_mc > li > a {display:inline-block; width:100%; height:100%; outline:none; text-decoration:none; font-size:14px; color:#444; padding:0}
.vs_tq {width:100%; color:#444}
.vs_te {text-align:right; display:inline-block; float:right; width:16%; vertical-align:top; box-sizing:border-box; color:#ccc}
.vs_cm {color:#5799d9; font-weight:bold}
.vs_tq > img {margin-left:2px; width:12px; height:12px; vertical-align:-1.5px}
.vnw_color{font-size:11px; letter-spacing: -0.5px; padding:1px 3px; border-radius:3px; background:#e5e5e5; border:1px solid #ddd; color:#949494; margin-right:8px}

/* image title content */
.it_mc {width:100%; padding:0; list-style:none; box-sizing:border-box; overflow:hidden}
.it_mc table {border-collapse: collapse; border:none; border-spacing:0}
.it_mc tr {border:8px solid transparent}
.it_mc > li {position:relative; padding:0; background:#fff}

.it_thb {width:72px; height:72px; padding-right:8px}
.it_thb img {width:72px; height:72px; float:left}

.it_ct {font-size:13px; height:72px}

.itc_a {width:100%; margin-top:2px}
.itc_a > p {display:block; padding:10px 0 0; font-size:16px; color:#282828}
.itc_b {font-size:12px; line-height:14px; color:#999; width:100%; padding:8px 0 0}
.itc_b > span {display:inline-block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; outline:none; text-decoration:none}

.hoverLink {display:block; position:absolute; width:100%; height:100%}
.hoverLink:hover {background:rgba(0,0,0,0.05)}


/* gallery */
.gall_wrapper {padding:0 16px; box-sizing:border-box}
.mtf_gallery {width:100%; height:100%; padding:0; margin:0}
.mtf_g_li {float:left; width:100%}
.mtf_g_li1 {width:100%}
.mtf_g_li2 {width:50%}
.mtf_g_li3 {width:33.33333%}
.mtf_g_li4 {width:25%}
.mtf_g_li5 {width:20%}
.mtf_g_li6 {width:16.66667%}
.mtf_g_li7 {width:14.2857143%}
.mtf_g_li8 {width:12.5%}
.mtf_g_li9 {width:11.11111%}
.mtf_g_li10 {width:10%}
.m_r_w{box-sizing:border-box}
.margin_r_n .m_r_w {padding:0}
.m_r_w {padding:0; margin:0; position:relative}
.m_r_w img {width:100%; float:left}
.m_r_w > a {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.05)}
.m_r_w > a:hover {background:rgba(0,0,0,0.1)}
.m_r_w > a > div {width:100%; height:100%; font-size:12px; position:relative; color:#fff}
.m_r_w div.grd_tt {width:100%; height:50%; bottom:0; padding:0 8px; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.grd_tt > span {color:#fff; font-size:16px; line-height:initial; bottom:12px;}
.m_r_w div.br_title {padding:2px 8px; top:8px; left:8px; background-color: rgba(0,0,0,0.2)}
.m_r_w div.meta {right:8px; top:8px}
.m_r_w div.meta i {font-size:14px; vertical-align:-3px; margin-right:2px; color:#fff}

@media only screen and (max-width: 479px) {.grd_tt > span {font-size:15px} .prt_pagination .swiper-pagination-bullet {width:8px; height:8px}}