#productheader,
   #contentheader {
    position:relative;
    left:auto;
    margin:0 auto;
    
    z-index:5;
   }
   #contentheader{width:100%;
    min-width:1024px;
    max-width:1200px;}
   #productheader h2,
   #contentheader h2 {
    font-size:24px;
    font-size:1.2rem;
    line-height:1;
    letter-spacing:0;
    text-transform:none;
    margin:0;
    float:left
   }
   #productheader h2 a,
   #contentheader h2 a {
    color:#666;
    text-decoration:none;
    display:table-cell;
    height:67px;
    cursor:default;
    vertical-align:middle
   }
   #productheader h2.weak,
   #contentheader h2.weak {
    font-size:13px;
    font-size:.65rem
   }
   #productheader .row,
   #contentheader .row {
    width:100%;
    max-width:980px;
    padding:0;
    overflow:hidden
   }
   #productheader .bc-container,
   #contentheader .bc-container {
    position:absolute;
    left:0;
    top:35%;
    width:100%;
    height:0
   }
   #contentheader .bc-container a{color: #29323c;font-size: 14px;}
   
   #productheader .bc-container:hover #ph-home,
   #contentheader .bc-container:hover #ph-home,
   #productheader .bc-container:hover #ch-home,
   #contentheader .bc-container:hover #ch-home {
    height:39px
   }
   #productheader .bc-container:hover #ph-home:before,
   #contentheader .bc-container:hover #ph-home:before,
   #productheader .bc-container:hover #ch-home:before,
   #contentheader .bc-container:hover #ch-home:before {
    color:#14579e
   }
   #productheader #ph-home,
   #contentheader #ph-home,
   #productheader #ch-home,
   #contentheader #ch-home {
    text-align:left;
    text-indent:100%;
    white-space:nowrap;
    text-decoration:none;
    color:#999;
    display:block;
    position:relative;
    left:29px;
    top:11px;
    width:27px;
    height:28px;
    overflow:hidden
   }
   
  
   #productheader .andmore .morebar,
   #contentheader .andmore .morebar {
    position:absolute;
    left:0;
    top:67px;
    width:100%;
    max-width:1600px;
    height:0;
    padding-left:37px;
    background-color:#999;
    background-color:rgba(153,153,153,0.95);
    float:left;
    overflow:hidden;
    transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
   }
   #productheader .andmore .morebar li,
   #contentheader .andmore .morebar li {
    display:block;
    position:relative;
    height:50px;
    padding-left:24px;
    float:left;
    overflow:hidden;
    transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s
   }
   #productheader .andmore .morebar li:first-child,
   #contentheader .andmore .morebar li:first-child {
    padding-left:0;
    background:none
   }
   #productheader .andmore .morebar li:first-child:before,
   #contentheader .andmore .morebar li:first-child:before {
    content:none;
    display:none
   }
   #productheader .andmore .morebar li a,
   #contentheader .andmore .morebar li a,
   #productheader .andmore .morebar li span,
   #contentheader .andmore .morebar li span {
    color:#fff;
    display:table-cell;
    height:50px;
    vertical-align:middle
   }
   #productheader .andmore .morebar li a:hover,
   #contentheader .andmore .morebar li a:hover,
   #productheader .andmore .morebar li span:hover,
   #contentheader .andmore .morebar li span:hover {
    color:#14579e
   }
   #productheader .andmore .morebar li strong,
   #contentheader .andmore .morebar li strong {
    color:#14579e
   }
   #productheader .andmore .morebar li:before,
   #contentheader .andmore .morebar li:before {
    content:'\e60e';
    font-family:'glyphicon';
    font-size:20px;
    font-size:1rem;
    text-indent:0;
    line-height:50px;
    color:#fff;
    position:absolute;
    left:2px;
    top:0px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
   }
   #productheader .andmore .morebar,
   #contentheader .andmore .morebar {
    padding-left:0
   }
   #productheader .andmore .morebar li:before,
   #contentheader .andmore .morebar li:before {
    content:none;
    display:none
   }
   #productheader li a,
   #contentheader li a,
   #productheader li span,
   #contentheader li span,
   #productheader li strong,
   #contentheader li strong {
    font-size:13px;
    font-size:1rem;
    font-weight:300;
    line-height:0.5;
    text-decoration:none;
    vertical-align:baseline;
    padding: 0px 10px 0px 0px;
   }
   #productheader.fixed,
   #contentheader.fixed {
    position:fixed;
    top:0;
    left:50%;
    -webkit-font-smoothing:subpixel-antialiased
   }
   #productheader.fixed+#content-container,
   #contentheader.fixed+#content-container {
    padding-top:50px
   }
   #productheader #ph-social {
    position:absolute;
    font-size:0;
    line-height:0;
    right:29px;
    top:11px
   }
   #productheader #ph-social li {
    display:inline-block;
    line-height:0;
    margin:0 0 0 8px;
    padding:0;
    height:auto
   }
   #productheader #ph-social li a {
    display:inline-block
   }
   #productheader #ph-social li:first-child {
    margin-left:0
   }
   #productheader .icon-facebook,
   #productheader .icon-twitter,
   #productheader .icon-google,
   #productheader .icon-youku,
   #productheader .icon-weibo {
    position:relative;
    color:#999;
    width:27px;
    height:28px;
    background:none
   }
   #productheader .icon-facebook:before,
   #productheader .icon-twitter:before,
   #productheader .icon-google:before,
   #productheader .icon-youku:before,
   #productheader .icon-weibo:before {
    font-family:'glyphicon';
    font-size:25px;
    font-size:1.25rem;
    text-indent:0;
    line-height:28px;
    text-decoration:none;
    position:absolute;
    left:1px;
    top:1px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
   }
   #productheader .icon-facebook:hover:before,
   #productheader .icon-twitter:hover:before,
   #productheader .icon-google:hover:before,
   #productheader .icon-youku:hover:before,
   #productheader .icon-weibo:hover:before {
    color:#14579e
   }
   #productheader .icon-twitter:before {
    content:"\e605"
   }
   #productheader .icon-facebook:before {
    content:"\e606"
   }
   #productheader .icon-google:before {
    content:"\e607"
   }
   #productheader .icon-youku:before {
    content:"\e624"
   }
   #productheader .icon-weibo:before {
    content:"\e625"
   }
   #contentheader h2 a {
    color:#000
   }
   #productnav,
   #contentnav {
    display:table;
    float:right
   }
   #productnav li,
   #contentnav li {
    line-height:0;
    display:table-cell;
    height:67px;
    vertical-align:middle
   }
   #productnav li:first-child,
   #contentnav li:first-child {
    padding-left:0
   }
   #productnav li:first-child a:before,
   #contentnav li:first-child a:before {
    content:none
   }
   #productnav li a,
   #contentnav li a {
    color:#000
   }

   #productheader .andmore .morebar li a:hover, 
   #contentheader .andmore .morebar li a:hover, 
   #productheader .andmore .morebar li a.active, 
   #contentheader .andmore .morebar li a.active,
   #productnav li a:hover,
   #contentnav li a:hover,
   #productnav li a.active,
   #contentnav li a.active {
    color:#14579e;
   }
   #productnav .andmore.open .morebar,
   #contentnav .andmore.open .morebar {
    height:auto
   }
   #productnav .andmore span,
   #contentnav .andmore span {
    cursor:pointer
   }
   #productnav .andmore span:after,
   #contentnav .andmore span:after {
    content:'\f107';
    font-family:'fontawesome';
    font-size:11px;
    font-size:1.55rem;
    display:inline-block;
    width:10px;
    height:10px;
    vertical-align:middle;
    margin-left:10px;
    margin-left: 0.4em;
    text-decoration:none;
    -webkit-font-smoothing:antialiased
   }
   #productnav .andmore span:hover,
   #contentnav .andmore span:hover,
   #productnav .andmore.open span,
   #contentnav .andmore.open span {
    color:#14579e
   }
   #productnav .andmore span:hover:after,
   #contentnav .andmore span:hover:after,
   #productnav .andmore.open span:after,
   #contentnav .andmore.open span:after {
    background-position:center -26px
   }
   #productnav .morebar ul,
   #contentnav .morebar ul {
    margin:0 auto;
    width:980px
   }
   #productnav li a {
    color:#29323c
   }
.navhead{border-bottom: 1px solid #aeaeae;margin: 0 1.2rem 10px;}
.navhead a{color: #29323c;}
   #ch-search {
    line-height:0;
    display:block;
    position:absolute;
    right:30px;
    top:15px
   }
   #ch-search input {
    font-size:13px;
    font-size:.85rem;
    font-weight:300;
    line-height:1;
    color:#000;
    border:none;
    width:260px;
    height:43px;
    padding:0 20px 0 0;
    
    outline:none;
    box-shadow: none !important;
border: none;
background: none;
color: inherit;
transition: none;
/* border-bottom:1px dotted #29323c; */
   }
   #ch-search:after {
    content:"\f002";
    font-family:"fontawesome";
    line-height:1;
    position:absolute;
    right:-3px;
    top:10px;
    vertical-align:middle;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
   }
   
   .category-container {
    max-width:1280px !important;
    padding:80px 50px 0px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
   }
   .category-container .col-2 {
    width:auto;
    transition-duration:.8s;
    -webkit-transition-duration:.8s;
    -moz-transition-duration:.8s
   }
   .category-container .promo {
    margin-top:50px;
    height:auto
   }
   .category-container .promo h2 {
    font-size:16px;
    font-size:.8rem;
    font-weight:400;
    letter-spacing:0;
    color:#000;
    line-height:1.2;
    text-transform:none;
    position:absolute;
    left:20px;
    top:15px;
    margin:-0.2em 0;
    z-index:1
   }
   .category-container .promo img {
    position:static;
    margin:0;
    width:100%;
    height:auto
   }
   .category-container .heading {
    margin-top:80px;
    border-top:1px solid #ccc
   }
   .category-container .heading:first-child {
    margin-top:0
   }
   .category-container .heading h4 {
    font-size:18px;
    font-size:.9rem;
    font-weight:400;
    line-height:1.2;
    color:#000;
    display:inline-block;
    position:relative;
    top:-0.9em;
    margin:-0.3em 0 .8em;
    padding-right:.5em;
    background-color:#fff
   }
   .category-container .heading+.content-index {
    margin-top:50px
   }
   .category-container .category-search {
    position:relative;
    margin-top:9px
   }
   .category-container .category-search input {
    font-size:13px;
    font-size:.65rem;
    font-weight:300;
    padding-left:7px;
    width:100%;
    height:40px;
    border:1px solid #ccc;
    vertical-align:middle;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
   }
   .category-container .category-search:after {
    content:"\e601";
    font-family:"glyphicon";
    line-height:40px;
    position:absolute;
    right:10px;
    top:0;
    vertical-align:middle;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
   }
   .category-main {
    position:relative;
    width:74.5%;
    float:right
   }
   .category-main .main {
    padding-left:80px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
   }
   .category-main .main .row {
    margin-top:80px
   }
   .category-main .main h4 {
    font-size:18px;
    font-size:.9rem;
    font-weight:400;
    line-height:1;
    color:#000;
    margin:-0.15em 0 -0.18em
   }
   .category-main .main h4+.link-group {
    margin-top:30px
   }
   .category-main article {
    position:relative;
    left:0;
    top:0;
    opacity:1;
    filter:alpha(opacity=100);
    transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    z-index:1;
    background-color:#fff
   }
   .category-main .hidden {
    position:absolute;
    left:0;
    top:0;
    visibility:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    z-index:1
   }
   .content-index>section,
   .content-index>ul>li {
    width:100%;
    position:relative;
    margin:50px auto 0;
    overflow:hidden
   }
   .content-index>section>a,
   .content-index>ul>li>a {
    text-decoration:none;
    position:relative;
    display:block;
    background-color:#000
   }
   .content-index>section>a:hover img,
   .content-index>ul>li>a:hover img {
    opacity:.85;
    filter:alpha(opacity=85)
   }
   .content-index>section h2,
   .content-index>ul>li h2 {
    font-size:16px;
    font-size:.8rem;
    font-weight:400;
    letter-spacing:0;
    color:#000;
    line-height:1.2;
    text-transform:none;
    position:absolute;
    left:20px;
    top:15px;
    margin:-0.2em 0;
    z-index:1
   }
   .content-index>section h2.light,
   .content-index>ul>li h2.light {
    color:#fff
   }
   .content-index>section img,
   .content-index>ul>li img {
    width:100%;
    height:auto;
    display:block;
    transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s
   }
   .content-index>section:first-child {
    margin-top:0
   }
   .content-index>ul {
    margin-top:-50px;
    margin-left:-50px
   }
   .content-index>ul>li {
    width:50%;
    padding-left:50px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    float:left
   }
   .link-group {
    display:table;
    margin-top:50px;
    width:100%
   }
   .link-group:first-child {
    margin-top:0
   }
   .link-group>a {
    text-decoration:none;
    display:table-cell;
    width:250px
   }
   .link-group figure {
    position:relative;
    background-color:#000
   }
   .link-group figure:hover>img {
    opacity:.85;
    filter:alpha(opacity=85)
   }
   .link-group figure>img {
    display:block;
    transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s
   }
   .link-group figure h2 {
    font-size:16px;
    font-size:.8rem;
    font-weight:400;
    letter-spacing:0;
    color:#000;
    line-height:1.2;
    text-transform:none;
    position:absolute;
    left:20px;
    top:15px;
    margin:-0.2em 0;
    z-index:1
   }
   .link-group ul {
    display:table-cell;
    padding-left:25px;
    vertical-align:top
   }
   .link-group ul:first-child {
    padding-left:0
   }
   .link-group li {
    position:relative;
    border-bottom:1px solid #ccc;
    font-size:13px;
    font-size:.65rem;
    font-weight:300;
    line-height:1.15384615
   }
   .link-group li:first-child {
    border-top:1px solid #ccc
   }
   .link-group li.more {
    font-weight:400;
    line-height:30px;
    border-bottom:none
   }
   .link-group li.more a:before {
    margin-top:-0.8em
   }
   .link-group li h5,
   .link-group li p {
    font-size:13px;
    font-size:.65rem;
    font-weight:400;
    line-height:1.3;
    color:#000;
    display:inline-block;
    margin:.55em 0 .55em;
    padding:0 100px 0 0
   }
   .link-group li .date {
    font-size:13px;
    font-size:.65rem;
    font-weight:300;
    color:#999;
    position:absolute;
    right:0;
    top:1.3em
   }
   .link-group li a {
    color:#000;
    text-decoration:none;
    display:table;
    width:100%;
    padding:.7em 0 .8em 20px;
    transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
   }
   .link-group li a:hover {
    background-color:#e5e5e5
   }
   .link-group li a:before {
    content:"\e60c";
    font-family:"glyphicon";
    font-size:30px;
    font-size:1.5em;
    text-align:left;
    text-indent:-0.3em;
    color:#14579e;
    display:inline-block;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-0.6em;
    width:20px
   }
   .boss-global .link-group li a::before {
    color:#0064ff
   }
   .category-index {
    width:25.5%;
    position:relative;
    z-index:1;
    float:right
   }
   .category-index .contentnav {
    display:block;
    float:none
   }
   .category-index .contentnav li {
    font-size:13px;
    font-size:.65rem;
    font-weight:300;
    line-height:1.2;
    display:list-item;
    min-width:170px;
    height:auto;
    padding-left:0;
    float:none;
    overflow:hidden
   }
   .category-index .contentnav li a,
   .category-index .contentnav li span {
    display:block;
    position:relative;
    color:#000;
    padding:12px 25px 13px 0;
    text-decoration:none;
    cursor:pointer;
    transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s
   }
   .category-index .contentnav li a:hover,
   .category-index .contentnav li span:hover,
   .category-index .contentnav li a.active,
   .category-index .contentnav li span.active {
    background-color:#e5e5e5
   }
   .category-index .contentnav li>ul {
    width:100%;
    max-height:0;
    padding-right:50px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s
   }
   .category-index .contentnav li>ul li {
    border-top:1px dotted #ccc
   }
   .category-index .contentnav li>ul li a {
    color:#999
   }
   .category-index .contentnav li>ul li a:after {
    content:none !important
   }
   .category-index .contentnav>li {
    border-top:1px solid #ccc
   }
   .category-index .contentnav>li:first-child {
    margin-top:-1px;
    border:none
   }
   .category-index .contentnav>li.close a:after,
   .category-index .contentnav>li.close span:after {
    content:"+";
    font-size:17px;
    font-size:.85rem;
    line-height:1;
    position:absolute;
    right:8px;
    top:50%;
    margin-top:-0.75em
   }
   .category-index .contentnav>li.open ul {
    max-height:800px;
    transition-duration:3s;
    -webkit-transition-duration:3s;
    -moz-transition-duration:3s
   }
   .category-index .contentnav>li.open a:after,
   .category-index .contentnav>li.open span:after {
    content:"–";
    font-size:15px;
    font-size:.75rem
   }
   .category-index .contentnav>li a:after,
   .category-index .contentnav>li span:after {
    content:"\e60c";
    font-size:17px;
    font-size:.85rem;
    font-family:"glyphicon";
    line-height:1;
    position:absolute;
    right:5px;
    top:50%;
    margin-top:-0.5em
   }
   .category-index .contentnav .in-bound a:after,
   .category-index .contentnav .in-bound span:after {
    content:none
   }
   .category-index .cn-social {
    min-width:242px
   }
   .category-index .cn-social li {
    margin-left:3px;
    float:left
   }
   .category-index .cn-social li:first-child {
    margin-left:0
   }
   .category-index .cn-social .icon {
    color:#000;
    text-indent:0;
    margin-top:-2px;
    width:32px;
    height:auto;
    overflow:hidden;
    background:none;
    text-decoration:none
   }
   .category-index .cn-social .icon:before {
    content:"\e605";
    font-size:30px;
    font-size:1.5rem;
    font-family:"glyphicon";
    line-height:1.4;
    display:inline-block;
    width:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    transition-duration:.2s;
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s
   }
   .category-index .cn-social .icon:hover {
    color:#14579e
   }
   .category-index .cn-social .icon-facebook:before {
    content:"\e606"
   }
   .category-index .cn-social .icon-youtube:before {
    content:"\e61c"
   }
   .category-index .cn-social .icon-instagram:before {
    content:"\e61d"
   }
   .category-index .cn-social .icon-flickr:before {
    content:"\e61e"
   }
   .category-index .cn-social .icon-pinterest:before {
    content:"\e61f"
   }
   .category-index .cn-social .icon-soundcloud:before {
    content:"\e620"
   }
   .category-index .cn-social .icon-google:before {
    content:"\e607"
   }
   .category-index .cn-social .icon-youku:before {
    content:"\e624"
   }
   .category-index .cn-social .icon-weibo:before {
    content:"\e625"
   }
   .category-index figure {
    position:relative;
    margin-top:9px
   }
   .category-index figure>img {
    display:block
   }
   .category-index h4+figure {
    margin-top:0
   }
   .category-index figcaption {
    padding:10px 0;
    border-bottom:1px solid #ccc
   }
   .category-index figcaption h5 {
    font-size:16px;
    font-size:.8rem;
    font-weight:300;
    line-height:1;
    color:#fff;
    margin:-0.15em 0;
    position:absolute;
    top:10px;
    left:10px
   }
   .category-index figcaption p {
    font-size:13px;
    font-size:.65rem;
    font-weight:300;
    line-height:1.30769231;
    margin:-0.25em 0;
    min-height:65px
   }
   .boss-global .category-index .cn-social .icon:hover {
    color:#0064ff
   }
   .backtotop {
    line-height:0;
    text-align:center;
    position:relative;
    width:100%;
    max-width:1600px;
    height:150px;
    margin:0 auto;
    padding-top:46px;
    background-color:#e5e5e5;
    z-index:1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
   }
   .backtotop .button-up {
    color:#000;
    position:relative;
    margin:0 auto
   }
   #promos,
   .promos2 {
    line-height:0;
    position:relative;
    margin:0 auto;
    width:100%;
    min-width:1080px;
    max-width:1600px;
    padding:100px 50px;
    z-index:1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
   }
   #promos.carousel-view .flushrow,
   .promos2.carousel-view .flushrow {
    padding-top:22.28813559%
   }
   #promos.carousel-view .flushrow ul,
   .promos2.carousel-view .flushrow ul {
    position:absolute
   }
   #promos.carousel-view .paddle-nav,
   .promos2.carousel-view .paddle-nav {
    display:block
   }
   #promos .row,
   .promos2 .row {
    position:relative;
    max-width:1180px;
    border-top:1px solid #ccc;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden
   }
   #promos .flushrow,
   .promos2 .flushrow {
    padding:0 20px
   }
   #promos .flushrow ul,
   .promos2 .flushrow ul {
    position:relative;
    left:-20px;
    top:0;
    width:100%;
    padding:0
   }
   #promos .flushrow li,
   .promos2 .flushrow li {
    position:relative;
    margin-top:19px;
    width:25%;
    padding:0 20px 0 19px;
    border-left:1px solid #ccc;
    float:left;
    cursor:pointer;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
   }
   #promos .flushrow img,
   .promos2 .flushrow img {
    display:block;
    width:100%;
    height:auto
   }
   #promos .flushrow a,
   .promos2 .flushrow a {
    text-decoration:none
   }
   #promos .flushrow a:hover,
   .promos2 .flushrow a:hover {
    text-decoration:none
   }
   #promos .flushrow a:hover .viewmore,
   .promos2 .flushrow a:hover .viewmore {
    color:#14579e;
    background-position:left bottom
   }
   #promos .flushrow a:hover .viewmore:before,
   .promos2 .flushrow a:hover .viewmore:before {
    color:#14579e
   }
   #promos .paddle-nav,
   .promos2 .paddle-nav {
    line-height:0;
    display:none;
    position:absolute;
    left:0;
    top:50%;
    margin:-25px 0;
    width:100%;
    z-index:3
   }
   #promos .paddle-nav ul,
   .promos2 .paddle-nav ul {
    margin:0;
    padding:0;
    list-style-type:none;
    overflow:visible
   }
   #promos .paddle-nav li,
   .promos2 .paddle-nav li {
    margin:0;
    width:auto;
    height:auto;
    padding:0;
    border:none;
    float:none
   }
   #promos .paddle-nav a,
   .promos2 .paddle-nav a {
    text-indent:100%;
    white-space:nowrap;
    position:absolute;
    top:0;
    padding:0
   }
   #promos .paddle-nav .paddlenav-left,
   .promos2 .paddle-nav .paddlenav-left {
    left:0
   }
   #promos .paddle-nav .paddlenav-right,
   .promos2 .paddle-nav .paddlenav-right {
    right:0
   }
   #promos figcaption {
    font-size:13px;
    font-size:.65rem;
    font-weight:400;
    line-height:1;
    text-align:left;
    text-decoration:none;
    color:#000;
    display:inline-block;
    margin:1.5em 0 0
   }
   .promos2 {
    padding-top:0;
    padding-bottom:105px
   }
   .promos2.carousel-view .flushrow {
    padding-top:0;
    min-height:395px
   }
   .promos2 .row {
    border:none
   }
   .promos2 .flushrow {
    padding-left:20px;
    padding-right:0
   }
   .promos2 .flushrow .promo-container {
    left:-20px
   }
   .promos2 .flushrow li {
    margin-top:0;
    width:33.33333333%;
    padding-left:20px;
    padding-right:0;
    border:none
   }
   .promos2 .flushrow figcaption {
    padding:25px 30px 0 0
   }
   .promos2 .flushrow h5 {
    font-size:16px;
    font-size:.8rem;
    font-weight:600;
    color:#808080;
    line-height:1;
    margin:-0.15em 0 1.35em;
    padding:0;
    vertical-align:middle
   }
   .promos2 .flushrow h5 small {
    margin-bottom:.42em
   }
   .promos2 .flushrow small {
    font-size:14px;
    font-size:.7rem;
    font-weight:600;
    color:#000;
    line-height:1;
    display:block;
    margin:-0.16em 0 .52em
   }
   .promos2 .flushrow p {
    font-size:13px;
    font-size:.65rem;
    font-weight:300;
    color:#000;
    line-height:1.42307692;
    margin-top:-0.3em;
    margin-bottom:-0.25em
   }
   .promos2 .flushrow .viewmore {
    margin-top:25px
   }
   .promos2 .promo-hero {
    position:relative
   }
   .promos2 .promo-hero>img {
    display:block
   }
   .promos2 .paddle-nav {
    top:127.5px;
    margin-top:-17.5px
   }
   .promos2 .button-play {
    text-indent:.3em;
    position:absolute;
    left:50%;
    top:50%;
    margin:-25px 0 0 -25px;
    width:50px;
    height:50px;
    background-color:rgba(0,0,0,0.2);
    border-width:3px
   }
   .promos2 .button-play:before {
    font-size:20px;
    font-size:1rem;
    line-height:45px
   }
   .boss-global #promos .flushrow a:hover .viewmore,
   .boss-global .promos2 .flushrow a:hover .viewmore {
    color:#0064ff
   }
   .boss-global #promos .flushrow a:hover .viewmore:before,
   .boss-global .promos2 .flushrow a:hover .viewmore:before {
    color:#0064ff
   }
   @media screen and (max-width:1080px) {
    #promos,
    .promos2 {
     width:100%;
     min-width:1024px;
     padding-left:0;
     padding-right:0
    }
    #promos .row,
    .promos2 .row {
     width:980px
    }
    #promos .row .flushrow {
     padding-top:222px
    }
   }
   @media screen and (max-width:767px) {
    #promos,
    .promos2 {
     padding:50px 0;
     min-width:320px
    }
    #promos .row,
    .promos2 .row {
     width:100%;
     min-width:320px;
     padding:0
    }
    #promos .flushrow,
    .promos2 .flushrow {
     position:static;
     width:100%;
     padding:0 !important;
     min-height:0;
     height:auto !important
    }
    #promos .flushrow ul,
    .promos2 .flushrow ul {
     position:static !important;
     left:0;
     padding-right:10px;
     margin-left:0;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box
    }
    #promos .flushrow li,
    .promos2 .flushrow li {
     line-height:0;
     display:list-item !important;
     position:static !important;
     margin-top:10px;
     width:50%;
     padding:0 0 0 10px;
     border:none
    }
    #promos .flushrow .viewmore,
    .promos2 .flushrow .viewmore {
     display:none
    }
    #promos .paddle-nav,
    .promos2 .paddle-nav {
     display:none !important
    }
    .promos2 {
     min-height:0;
     margin-top:40px;
     padding-top:0;
     padding-bottom:0;
     border-top:1px solid #ccc
    }
    .promos2 .flushrow .promo-container {
     letter-spacing:-0.3em;
     position:static;
     height:auto;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box
    }
    .promos2 .flushrow .promo-container li {
     float:none;
     display:inline-block !important;
     vertical-align:top
    }
    .promos2 .flushrow .promo-container small {
     display:none
    }
    .promos2 .flushrow .promo-container h5 {
     font-size:.65rem;
     font-weight:400;
     margin-bottom:-0.25em;
     letter-spacing:0
    }
    .promos2 .flushrow .promo-container small,
    .promos2 .flushrow .promo-container h5 small {
     font-size:.6rem;
     font-weight:400
    }
    .promos2 .flushrow .promo-container p {
     display:none
    }
    .promos2 .flushrow .promo-container .more {
     display:none
    }
    .promos2 .flushrow .promo-container figcaption {
     display:block;
     width:auto;
     padding-top:10px;
     padding-bottom:15px;
     border-bottom:none
    }
    .promos2 .flushrow .promo-hero {
     overflow:hidden
    }
    .promos2 .flushrow .promo-hero>img {
     width:100%;
     height:auto
    }
    .promos2 .flushrow .button-play {
     width:40px;
     height:40px;
     margin:-20px 0 0 -20px
    }
    .promos2 .flushrow .button-play:before {
     font-size:.9rem;
     line-height:34px;
     letter-spacing:0
    }
   }
   #globalfooter {
    position:relative;
    margin:0 auto;
    min-width:1024px;
    max-width:1600px;
    background-color:#141414;
    z-index:1
   }
   #globalfooter .gf-share {
    margin:0;
    display:inline-block;
    padding:21px 0 23px;
    list-style-type:none
   }
   #globalfooter .gf-share li {
    font-size:13px;
    font-size:.65rem;
    font-weight:400;
    line-height:1;
    margin-left:1em;
    float:left
   }
   #globalfooter .gf-share li:first-child {
    margin-left:0
   }
   #globalfooter .gf-share li:hover {
    opacity:.8;
    filter:alpha(opacity=80)
   }
   #globalfooter .gf-links {
    margin:0;
    display:inline-block;
    padding:1.45em 0 1.15em;
    list-style-type:none
   }
   #globalfooter .gf-links li {
    font-size:13px;
    font-size:.65rem;
    font-weight:300;
    line-height:1;
    color:#999;
    margin:-0.18em 0 0 1.65em;
    float:left
   }
   #globalfooter .gf-links li:before {
    content:"|";
    position:relative;
    left:-0.8em
   }
   #globalfooter .gf-links li:first-child {
    margin-left:0
   }
   #globalfooter .gf-links li:first-child:before {
    content:none
   }
   #globalfooter .gf-links a {
    color:inherit;
    text-decoration:none
   }
   #globalfooter .gf-links a:hover {
    color:#999;
    text-decoration:underline
   }
   #globalfooter .gf-links .gf-region {
    position:relative;
    margin-left:1.8em
   }
   #globalfooter .gf-links .gf-region a>i {
    position:static;
    margin:-2px 0 0 10px;
    vertical-align:top
   }
   #directorynav,
   #gf-service,
   #gf-informations,
   #gf-promos {
    width:100%;
    max-width:1280px;
    min-width:1080px;
    margin:0 auto;
    padding-left:50px;
    padding-right:50px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
   }
   #directorynav {
    padding-top:49px;
    padding-bottom:78px
   }
   #directorynav .row {
    display:table;
    width:100%;
    table-layout:fixed
   }
   #directorynav ul {
    margin:24px 0 30px;
    padding:0;
    list-style-type:none
   }
   #directorynav li {
    line-height:0;
    margin:7px 0 0
   }
   #directorynav li:first-child {
    margin-top:0
   }
   #directorynav h3 {
    margin:-1px 0 6px
   }
   #directorynav h3,
   #directorynav h3>a {
    font-size:15px;
    font-size:.75rem;
    font-weight:300;
    line-height:1;
    color:#ccc
   }
   #directorynav h3>a:hover {
    color:#fff
   }
   #directorynav a {
    font-size:13px;
    font-size:.65rem;
    line-height:1;
    font-weight:300;
    color:#999;
    text-decoration:none
   }
   #directorynav a:hover {
    color:#aeaeae;
    text-decoration:underline
   }
   #directorynav .column {
    display:table-cell
   }
   #gf-promos {
    position:relative
   }
   #gf-promos li {
    line-height:0;
    position:relative;
    width:50%;
    float:left;
    background-color:#000;
    overflow:hidden
   }
   #gf-promos li h3 {
    position:absolute;
    text-align:center;
    margin:0;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1
   }
   #gf-promos li h3:before {
    content:'';
    line-height:1;
    display:inline-block;
    height:100%;
    vertical-align:middle
   }
   #gf-promos li h3 img {
    display:inline-block;
    vertical-align:middle
   }
   #gf-promos li>a>img {
    left:0;
    margin-left:0
   }
   #gf-promos li>a>img {
    display:block;
    position:relative;
    left:50%;
    margin-left:-295px;
    height:auto;
    opacity:.5;
    filter:alpha(opacity=50);
    transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s
   }
   #gf-promos li>a>img.gf-promos-roland {
    opacity:.6;
    filter:alpha(opacity=60)
   }
   #gf-promos li>a:hover>img {
    opacity:.8;
    filter:alpha(opacity=80)
   }
   #gf-informations {
    text-align:center
   }
   #gf-informations .gf-links {
    line-height:0;
    display:inline-block;
    margin:0 auto;
    padding:1.50em 0 1em
   }
   #gf-informations .gf-links li {
    margin-left:1.55em
   }
   #gf-informations .gf-links li:before {
    content:none
   }
   #gf-informations .gf-links a:before {
    content:'> ';
    color:#14579e
   }
   #gf-informations .gf-links a:hover {
    color:#14579e;
    text-decoration:none
   }
   .boss-global #gf-informations .gf-links a:before {
    color:#0064ff
   }
   .boss-global #gf-informations .gf-links a:hover {
    color:#0064ff
   }
   #gf-service {
    line-height:0
   }
   #gf-service .row {
    width:100%;
    overflow:hidden;
    border-top:1px solid #212121;
    border-bottom:1px solid #212121
   }
   #gf-service .gf-links {
    float:right
   }
   #gf-legal {
    text-align:left;
    display:table;
    position:relative;
    width:980px;
    background-color:#141414;
    z-index:1
   }
   #gf-legal .gf-links {
    color:#333 !important;
    display:table-cell;
    margin:0;
    height:150px;
    padding:0;
    vertical-align:middle
   }
   #gf-legal .gf-links li {
    font-weight:300;
    color:#666 !important;
    margin-top:0.3em;
    line-height:1.5;
    -webkit-font-smoothing:subpixel-antialiased
   }
   #gf-legal p {
    font-size:13px;
    font-size:.65rem;
    font-weight:300;
    line-height:1;
    text-align:right;
    color:#666;
    position:relative;
    display:table-cell;
    margin:0 auto;
    height:150px;
    vertical-align:middle;
    -webkit-font-smoothing:subpixel-antialiased
   }
   .proav-global .glyphicon-brand {
    font-size:37px
   }
   .proav-global .glyphicon-brand:before {
    content:"\e621"
   }
   .boss-global .glyphicon-brand:before {
    content:"\e60d"
   }
   .boss-global .paddle:hover:before,
   .boss-global .paddle-small:hover:before {
    color:#0064ff
   }
   .boss-global #productheader .bc-container:hover #ph-home:before,
   .boss-global #contentheader .bc-container:hover #ph-home:before,
   .boss-global #productheader .bc-container:hover #ch-home:before,
   .boss-global #contentheader .bc-container:hover #ch-home:before {
    color:#0064ff
   }
   .boss-global #productheader .andmore .morebar li a:hover,
   .boss-global #contentheader .andmore .morebar li a:hover {
    color:#0064ff
   }
   .boss-global #productheader .andmore .morebar li strong,
   .boss-global #contentheader .andmore .morebar li strong {
    color:#0064ff
   }
   .boss-global #productheader .andmore span:hover,
   .boss-global #contentheader .andmore span:hover,
   .boss-global #productheader .andmore.open span,
   .boss-global #contentheader .andmore.open span {
    color:#0064ff
   }
   .boss-global #productheader .icon-facebook:hover:before,
   .boss-global #contentheader .icon-facebook:hover:before,
   .boss-global #productheader .icon-twitter:hover:before,
   .boss-global #contentheader .icon-twitter:hover:before,
   .boss-global #productheader .icon-google:hover:before,
   .boss-global #contentheader .icon-google:hover:before,
   .boss-global #productheader .icon-youku:hover:before,
   .boss-global #contentheader .icon-youku:hover:before,
   .boss-global #productheader .icon-weibo:hover:before,
   .boss-global #contentheader .icon-weibo:hover:before {
    color:#0064ff
   }
   .boss-global #productnav .icon-facebook:hover:before,
   .boss-global #contentnav .icon-facebook:hover:before,
   .boss-global #productnav .icon-twitter:hover:before,
   .boss-global #contentnav .icon-twitter:hover:before,
   .boss-global #productnav .icon-google:hover:before,
   .boss-global #contentnav .icon-google:hover:before,
   .boss-global #productnav .icon-youku:hover:before,
   .boss-global #contentnav .icon-youku:hover:before,
   .boss-global #productnav .icon-weibo:hover:before,
   .boss-global #contentnav .icon-weibo:hover:before {
    color:#0064ff
   }
   .boss-global #productnav li a:hover,
   .boss-global #contentnav li a:hover,
   .boss-global #productnav li a.active,
   .boss-global #contentnav li a.active {
    color:#0064ff
   }
   .boss-global .product-tile li:hover .viewmore {
    color:#0064ff
   }
   .boss-global .product-tile li:hover .viewmore:before {
    color:#0064ff
   }
   .boss-global #promos a:hover figcaption {
    color:#0064ff
   }
   .boss-global #promos a:hover figcaption:before {
    color:#0064ff
   }
   @media screen and (max-width:1280px) {
    #productheader .row {
     right:155px;
     width:77%;
     max-width:none;
     min-width:0;
     position:absolute
    }
   }
   @media screen and (max-width:1120px) {
    #contentheader .row {
     padding-left:48px;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box
    }
   }
   @media screen and (max-width:1080px) {
    #directorynav,
    #gf-service,
    #gf-informations,
    #gf-promos {
     width:980px;
     max-width:none;
     min-width:1024px;
     padding-left:22px;
     padding-right:22px
    }
   }
   .cf:before,
   .cf:after {
    content:" ";
    display:table
   }
   .cf:after {
    clear:both;
   }
   @media screen and (max-width:767px) {
    #content-container {
     min-width:320px
    }
    .paddle-nav {
     display:none
    }
    #hero {
     margin:0 auto;
     max-width:none;
     min-width:0
    }
    .masthead {
     height:144px
    }
    .masthead img {
     width:768px;
     height:auto;
     margin-left:-384px
    }
    #productheader,
    #contentheader {
     position:relative;
     top:auto !important;
     min-width:0;
     height:auto;
     padding-top:48px;
     overflow:hidden;
     overflow:visible
    }
    nav{display: block;}
    #productheader h2,
    #contentheader h2 {
     display:none
    }
    #productheader .row,
    #contentheader .row {
     position:relative;
     left:0;
     margin-bottom:-1px;
     right:auto;
     width:100%;
     padding:0;
     overflow:visible
    }
    
    #productheader.fixed,
    #contentheader.fixed {
     position:relative
    }
    #productheader.fixed #ph-language,
    #contentheader.fixed #ph-language {
     visibility:visible;
     opacity:1;
     filter:alpha(opacity=100)
    }
    #productheader #ph-home,
    #contentheader #ph-home {
     font-size:13px;
     font-size:.65rem;
     font-weight:400;
     line-height:1;
     text-decoration:none;
     top:10px;
     left:12.5%;
     margin-left:-13px;
     padding-top:0.6em;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box
    }
    #productheader #ph-social,
    #contentheader #ph-social {
     top:0;
     right:0;
     width:75%
    }
    #productheader #ph-social li,
    #contentheader #ph-social li {
     text-align:center;
     margin-left:0;
     border-left:1px solid #ccc;
     width:33%;
     padding:10px 15px;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     float:left
    }
    #productheader.fixed+#content-container,
    #contentheader.fixed+#content-container {
     padding-top:0
    }
    #contentheader .row {
     left:0;
     top:0
    }
    #contentheader h2 {
     display:block;
     font-size:18px;
     font-size:.9em;
     padding-left:1.5em;
     position:absolute;
     top:-49px;
     left:12.5%
    }
    #productnav,
    #contentnav {
     text-align:center;
     display:block;
     position:relative;
     float:none;
     border-top:1px solid #ccc;
     margin-left: 0px;
    }
    #productnav li,
    #contentnav li {
     text-align:center;
     display:table;
     width:50%;
     padding-left:0;
     float:left;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     height: 40px;
     margin-bottom: 0px;
    }
    #ch-search{display: none;}
    #productnav li:nth-child(even),
    #contentnav li:nth-child(even) {
     border-right:none
    }
    #productnav li a,
    #contentnav li a,
    #productnav li span,
    #contentnav li span {
     display:table-cell;
     height:40px;
     vertical-align:middle
    }
    #productnav li a:before,
    #contentnav li a:before,
    #productnav li span:before,
    #contentnav li span:before {
     content:none
    }
    #productnav .andmore .morebar,
    #contentnav .andmore .morebar {
     top:auto;
     margin-top:40px;
     width:100%;
     min-width:270px
    }
    #productnav .andmore .morebar ul,
    #contentnav .andmore .morebar ul {
     width:auto
    }
    #productnav .andmore .morebar li,
    #contentnav .andmore .morebar li {
     text-align:center;
     display:table;
     padding:0
    }
    #productheader .bc-container, #contentheader .bc-container{top: 8%;}
    .backtotop {
     width:100%
    }
    .promos>ul li {
     width:auto;
     height:140px;
     float:none
    }
    #globalfooter {
     min-width:320px
    }
    #globalfooter .gf-share {
     margin:0 auto
    }
    #globalfooter .gf-links .gf-region {
     width:100%;
     margin-left:0;
     border-top:1px solid #333;
     border-right:none !important;
     clear:both
    }
    #globalfooter .gf-links {
     text-align:center;
     margin:0;
     width:100%;
     display:inline-block;
     padding:0;
     border-top:1px solid #333;
     border-bottom:1px solid #333
    }
    #globalfooter .gf-links li {
     text-align:center;
     display:table !important;
     margin:0;
     margin-bottom:-1px;
     width:50%;
     height:4em;
     border-bottom:1px solid #333;
     float:left;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box
    }
    #globalfooter .gf-links li:before {
     content:none
    }
    #globalfooter .gf-links li:nth-child(odd) {
     border-right:1px solid #333
    }
    #globalfooter .gf-links li:first-child {
     margin:0;
     margin-bottom:-1px
    }
    #globalfooter .gf-links a {
     color:#666;
     display:table-cell;
     height:3em;
     padding:0 1em;
     vertical-align:middle
    }
    #gf-informations {
     text-align:center;
     min-width:320px;
     width:100%;
     padding:0
    }
    #gf-informations .gf-links {
     padding:0
    }
    #directorynav {
     width:100%;
     min-width:320px;
     padding-left:1em;
     padding-right:1em;
     padding-bottom:2em;
     overflow:hidden
    }
    #directorynav .row {
     display:block
    }
    #directorynav .column {
     display:block;
     width:50%;
     padding-right:1em;
     float:left;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box
    }
    #directorynav .column:nth-child(odd) {
     clear:both
    }
    #directorynav .column:first-child {
     width:50%
    }
    #gf-service {
     width:100%;
     min-width:320px;
     padding-left:0;
     padding-right:0;
     text-align:center
    }
    #gf-service .row {
     border:none
    }
    #gf-service .gf-links {
     float:none
    }
    #gf-promos {
     min-width:320px;
     width:100%;
     padding-left:20px;
     padding-right:20px
    }
    #gf-promos li {
     width:100%;
     float:none
    }
    #gf-promos li>a>img {
     position:static;
     margin:0;
     width:100%;
     height:auto
    }
    #gf-legal {
     display:block;
     min-width:320px;
     width:100%;
     margin-top:1em
    }
    #gf-legal .gf-links {
     height:auto;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box
    }
    #gf-legal p {
     text-align:center;
     display:block;
     margin-top:2.5em;
     width:100%;
     height:50px
    }
    .category-container {
     padding-left:30px;
     padding-right:30px
    }
    .category-main {
     width:auto;
     padding:0;
     float:none
    }
    .category-main article {
     transition-duration:0;
     -webkit-transition-duration:0;
     -moz-transition-duration:0
    }
    .category-main .main {
     padding-left:0
    }
    .category-main .main .row {
     margin-top:60px
    }
    .category-main .main h4+.link-group {
     margin-top:0
    }
    .category-main .content-index {
     width:auto
    }
    .category-main .content-index>ul {
     margin-left:0
    }
    .category-main .content-index>ul>li {
     width:auto;
     padding-left:0;
     float:none
    }
    .category-main .content-index>ul>li>a>img {
     width:100%;
     height:auto
    }
    .category-index {
     margin-top:100px;
     width:auto;
     float:none
    }
    .category-index>ul>li>a>img {
     transition-duration:0;
     -webkit-transition-duration:0;
     -moz-transition-duration:0
    }
    .link-group {
     display:block
    }
    .link-group>a,
    .link-group>ul {
     display:block;
     padding:0;
     width:auto
    }
    .link-group>ul {
     margin-top:30px
    }
    .link-group figure>img {
     width:100%;
     height:auto
    }
    .product-list,
    .product-tile,
    .product-list-wide {
     width:auto;
     padding:0;
     border-top:none
    }
    .product-list ul,
    .product-tile ul,
    .product-list-wide ul {
     margin:0;
     width:auto
    }
    .product-list li,
    .product-tile li,
    .product-list-wide li {
     width:100%;
     line-height:0;
     margin-top:0;
     padding-top:0;
     padding-bottom:25px;
     border:none;
     border-bottom:1px solid #ccc;
     outline:none;
     float:none
    }
    .product-list li:hover,
    .product-tile li:hover,
    .product-list-wide li:hover {
     outline:none
    }
    .product-list li:hover figure img,
    .product-tile li:hover figure img,
    .product-list-wide li:hover figure img {
     opacity:1;
     filter:alpha(opacity=100)
    }
    .product-list li:hover figcaption p,
    .product-tile li:hover figcaption p,
    .product-list-wide li:hover figcaption p {
     text-decoration:none
    }
    .product-list li:hover .viewmore,
    .product-tile li:hover .viewmore,
    .product-list-wide li:hover .viewmore {
     color:#000;
     background-color:transparent
    }
    .product-list li:hover .viewmore:before,
    .product-tile li:hover .viewmore:before,
    .product-list-wide li:hover .viewmore:before {
     color:#fff
    }
    .product-list li:first-child,
    .product-tile li:first-child,
    .product-list-wide li:first-child {
     padding-top:0;
     border-top:none
    }
    .product-list li a,
    .product-tile li a,
    .product-list-wide li a {
     height:auto;
     padding:0
    }
    .product-list li figcaption,
    .product-tile li figcaption,
    .product-list-wide li figcaption {
     text-align:left;
     display:block;
     width:auto;
     height:auto;
     padding:10px 25px 0 24px !important;
     border:none;
     float:none
    }
    .product-list li figcaption h3,
    .product-tile li figcaption h3,
    .product-list-wide li figcaption h3 {
     font-size:28px;
     font-size:1.4rem;
     line-height:1.2;
     font-weight:100;
     text-align:left;
     color:#000;
     position:relative;
     margin:-0.24em 0 .4em
    }
    .product-list li figcaption h3 small,
    .product-tile li figcaption h3 small,
    .product-list-wide li figcaption h3 small {
     font-size:13px;
     font-size:.65rem;
     line-height:1.2;
     font-weight:800;
     text-align:left;
     color:#999;
     display:block;
     position:relative;
     margin-top:-0.1em;
     margin-left:0
    }
    .product-list li figcaption p,
    .product-tile li figcaption p,
    .product-list-wide li figcaption p {
     font-size:13px;
     font-size:.65rem;
     line-height:1.46153846;
     font-weight:400;
     text-align:left;
     color:#000;
     position:relative;
     margin:-0.5em 0;
     min-height:99px !important;
     overflow:hidden
    }
    .product-list li figcaption .viewmore,
    .product-tile li figcaption .viewmore,
    .product-list-wide li figcaption .viewmore {
     font-size:13px;
     font-size:.65rem;
     letter-spacing:0;
     line-height:1;
     font-weight:300;
     color:#000;
     text-transform:uppercase;
     display:inline-block;
     margin-top:10px;
     height:auto;
     padding:0;
     vertical-align:baseline;
     background-color:transparent
    }
    .product-list li figcaption .viewmore:before,
    .product-tile li figcaption .viewmore:before,
    .product-list-wide li figcaption .viewmore:before {
     text-align:center;
     content:"\e609";
     font-family:'glyphicon';
     font-size:.6rem;
     line-height:16px;
     color:#fff;
     display:inline-block;
     margin-right:.7em;
     width:15px;
     height:15px;
     background-color:#000;
     vertical-align:text-top
    }
    .product-list li figcaption .viewmore:after,
    .product-tile li figcaption .viewmore:after,
    .product-list-wide li figcaption .viewmore:after {
     content:none
    }
    .product-list li .product-image,
    .product-tile li .product-image,
    .product-list-wide li .product-image {
     display:block;
     position:relative;
     text-align:center;
     margin:0 auto;
     width:260px;
     height:auto;
     padding:25px 0;
     overflow:hidden;
     vertical-align:middle
    }
    .product-list li .product-image img,
    .product-tile li .product-image img,
    .product-list-wide li .product-image img {
     width:auto;
     max-height:100%;
     padding:0;
     margin:0 auto;
     float:none
    }
    .product-list-wide li {
     padding-top:20px
    }
    .product-list-wide li figcaption p {
     display:block
    }
    .product-list-wide li .product-image img {
     width:100%;
     height:auto
    }
    .boss-global .product-list li:hover .viewmore,
    .boss-global .product-tile li:hover .viewmore,
    .boss-global .product-list-wide li:hover .viewmore {
     color:#000;
     background-color:transparent
    }
    .boss-global .product-list li:hover .viewmore:before,
    .boss-global .product-tile li:hover .viewmore:before,
    .boss-global .product-list-wide li:hover .viewmore:before {
     color:#fff
    }
   }
   .text-uppercase {
    text-transform:uppercase
   }
   #guide {
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    background-position:center top;
    background-repeat:no-repeat;
    z-index:101
   }
   #guide.show {
    display:block
   }

/* RGWP PHP Template Local Overrides */


/* simple rebuild for basic HTML formatting */
table{
    width:100%;	
    }
    .rebuild, .rebuild p, .rebuild li {
        font-size: 14px;
        font-size: .7rem;
        line-height: 1.46666667;
        font-weight: 300;
    }
    
    .rebuild hr {
        margin: 1.5em 0;
        border-top: none;
        border-bottom-color: #CCC;
    }
    
    .rebuild h3+p {
        margin-top: 2.4em;
    }
    
    .rebuild h4+p {
        margin-top: 1.5em;
    }
    
    .rebuild p+ul, .rebuild p+ol {
        margin-top: 1em;
    }
    
    .rebuild h4 {
        font-size: 18px;
        font-size: .9rem;
        font-weight: 400;
        line-height: 1.2;
    }
    
    .rebuild ul, .rebuild ol { margin: 0 0 1.5em 2.5em; }
    .rebuild ul { list-style: disc; }
    .rebuild ol { list-style-type: decimal; }
    .rebuild ol ol { list-style: upper-alpha; }
    .rebuild ol ol ol { list-style: lower-roman; }
    .rebuild ol ol ol ol { list-style: lower-alpha; }
    .rebuild ul ul, .rebuild ol ol, .rebuild ul ol, .rebuild ol ul { margin-bottom: 0; }
    
    /* white category thumbnail labels */
    .category-container .promo h2.light {
        color: #FFF;
    }
    
    /* remove top margin on first category button */
    .category-container .promo:first-child {
        margin-top: 0;
    }
    
    /* style thumbnail caption in RSS headline view */
    
    .link-group li p {
        margin-top: 0;
        font-size: 12px;
        font-size: .6rem;
        color: #999;
    }
    
    /* adjust min-height on product page article tab repeater */
    #articles .articles>section {
        min-height: 220px;
    }
    
    /* fix BOSS blue read more link on product page article tab */
    .boss-global .main .articles a {
        color: #0064ff;
    }
    
    /* temporary fix for alternate language support on custom template products */
    
    article#features div.ct-alt { display: none !important; }
    #content-container.alt-lang article#features div.ct-en { display: none !important; }
    #content-container.alt-lang article#features div.ct-alt { display: block !important; }
    
    /* article summary lists */
    .article-summary section {
        border-top: 1px solid #D5D5D5;
        box-sizing: border-box;
        min-height: 220px;
        position: relative;
        padding: 20px 0;
    }
    
    @media all and (min-width: 768px) {
        .article-summary section {
            padding: 40px 20px 40px 50%;
        }
    }
    
    .article-summary section:first-child {
        border-top: 1px solid #D5D5D5;
    }
    
    .article-summary h3 {
        font-size: 28px;
        font-size: 1.4rem;
        line-height: 1.28571429;
        font-weight: 100;
    }
    
    .article-summary h3 small {
        font-size: 16px;
        font-size: 0.8rem;
        line-height: 1.3125;
        font-weight: 300;
        color: #0c0c0c;
        display: block;
        margin: .1em auto;
    }
    
    .article-summary p a {
        display: inline-block;
        margin-left: 0.25em;
        text-decoration: none;
    }
    
    .article-summary p a:hover {
        text-decoration: underline;
    }
    
    .article-summary figure {
        height: 100%;
        padding: 0 0 20px;
        box-sizing: border-box;
    }
    
    @media all and (min-width: 768px) {
        .article-summary figure {
            border-right: 1px solid #D5D5D5;
            left: 0;
            padding: 20px;
            position: absolute;
            top: 0;
            width: 45%;
        }
    }
    
    .article-summary figure img {
        max-width: 100%;
        display: block;
    }
    
    /* change region flags */
    .flag-global { background-image: url("../images/flag_global.png"); }
    .flag-at { background-image: url("../images/flag_at.png"); }
    .flag-au { background-image: url("../images/flag_au.png"); }
    .flag-be { background-image: url("../images/flag_be.png"); }
    .flag-br { background-image: url("../images/flag_br.png"); }
    .flag-ca { background-image: url("../images/flag_ca.png"); }
    .flag-ch { background-image: url("../images/flag_ch.png"); }
    .flag-cn { background-image: url("../images/flag_cn.png"); }
    .flag-cz { background-image: url("../images/flag_cz.png"); }
    .flag-de { background-image: url("../images/flag_de.png"); }
    .flag-dk { background-image: url("../images/flag_dk.png"); }
    .flag-es { background-image: url("../images/flag_es.png"); }
    .flag-fi { background-image: url("../images/flag_fi.png"); }
    .flag-fr { background-image: url("../images/flag_fr.png"); }
    .flag-gb { background-image: url("../images/flag_gb.png"); }
    .flag-hu { background-image: url("../images/flag_hu.png"); }
    .flag-id { background-image: url("../images/flag_id.png"); }
    .flag-il { background-image: url("../images/flag_il.png"); }
    .flag-in { background-image: url("../images/flag_in.png"); }
    .flag-it { background-image: url("../images/flag_it.png"); }
    .flag-jp { background-image: url("../images/flag_jp.png"); }
    .flag-kr { background-image: url("../images/flag_kr.png"); }
    .flag-kz { background-image: url("../images/flag_kz.png"); }
    .flag-my { background-image: url("../images/flag_my.png"); }
    .flag-nl { background-image: url("../images/flag_nl.png"); }
    .flag-no { background-image: url("../images/flag_no.png"); }
    .flag-nz { background-image: url("../images/flag_nz.png"); }
    .flag-ph { background-image: url("../images/flag_ph.png"); }
    .flag-pl { background-image: url("../images/flag_pl.png"); }
    .flag-pt { background-image: url("../images/flag_pt.png"); }
    .flag-rs { background-image: url("../images/flag_rs.png"); }
    .flag-ru { background-image: url("../images/flag_ru.png"); }
    .flag-se { background-image: url("../images/flag_se.png"); }
    .flag-sg { background-image: url("../images/flag_sg.png"); }
    .flag-sk { background-image: url("../images/flag_sk.png"); }
    .flag-tr { background-image: url("../images/flag_tr.png"); }
    .flag-tw { background-image: url("../images/flag_tw.png"); }
    .flag-ua { background-image: url("../images/flag_ua.png"); }
    .flag-us { background-image: url("../images/flag_us.png"); }
    
    @media (-webkit-min-device-pixel-ratio:2), (min--moz-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1) {
        .flag {
            -moz-background-size: 23px 17px;
            -webkit-background-size: 23px 17px;
            -o-background-size: 23px 17px;
            -ms-background-size: 23px 17px;
            background-size: 23px 17px
        }
        .flag-global { background-image: url("../images/flag_global2x.png"); }
        .flag-at { background-image: url("../images/flag_at2x.png"); }
        .flag-au { background-image: url("../images/flag_au2x.png"); }
        .flag-be { background-image: url("../images/flag_be2x.png"); }
        .flag-br { background-image: url("../images/flag_br2x.png"); }
        .flag-ca { background-image: url("../images/flag_ca2x.png"); }
        .flag-ch { background-image: url("../images/flag_ch2x.png"); }
        .flag-cn { background-image: url("../images/flag_cn2x.png"); }
        .flag-cz { background-image: url("../images/flag_cz2x.png"); }
        .flag-de { background-image: url("../images/flag_de2x.png"); }
        .flag-dk { background-image: url("../images/flag_dk2x.png"); }
        .flag-es { background-image: url("../images/flag_es2x.png"); }
        .flag-fi { background-image: url("../images/flag_fi2x.png"); }
        .flag-fr { background-image: url("../images/flag_fr2x.png"); }
        .flag-gb { background-image: url("../images/flag_gb2x.png"); }
        .flag-hu { background-image: url("../images/flag_hu2x.png"); }
        .flag-id { background-image: url("../images/flag_id2x.png"); }
        .flag-il { background-image: url("../images/flag_il2x.png"); }
        .flag-in { background-image: url("../images/flag_in2x.png"); }
        .flag-it { background-image: url("../images/flag_it2x.png"); }
        .flag-jp { background-image: url("../images/flag_jp2x.png"); }
        .flag-kr { background-image: url("../images/flag_kr2x.png"); }
        .flag-kz { background-image: url("../images/flag_kz2x.png"); }
        .flag-my { background-image: url("../images/flag_my2x.png"); }
        .flag-nl { background-image: url("../images/flag_nl2x.png"); }
        .flag-no { background-image: url("../images/flag_no2x.png"); }
        .flag-nz { background-image: url("../images/flag_nz2x.png"); }
        .flag-ph { background-image: url("../images/flag_ph2x.png"); }
        .flag-pl { background-image: url("../images/flag_pl2x.png"); }
        .flag-pt { background-image: url("../images/flag_pt2x.png"); }
        .flag-rs { background-image: url("../images/flag_rs2x.png"); }
        .flag-ru { background-image: url("../images/flag_ru2x.png"); }
        .flag-se { background-image: url("../images/flag_se2x.png"); }
        .flag-sg { background-image: url("../images/flag_sg2x.png"); }
        .flag-sk { background-image: url("../images/flag_sk2x.png"); }
        .flag-tr { background-image: url("../images/flag_tr2x.png"); }
        .flag-tw { background-image: url("../images/flag_tw2x.png"); }
        .flag-ua { background-image: url("../images/flag_ua2x.png"); }
        .flag-us { background-image: url("../images/flag_us2x.png"); }
    }