@import "global.css";
html { font-size: 62.5%; } 
/*header section: logo, menu*/
header {
    height:82px;width:100%;min-width:840px;
}
header nav {
    max-width:960px;margin-right:auto;margin-left:auto;
}
header nav #back-creative {
    text-align:right;
}
header nav #back-creative a {
    background: #3d3d3d url(/headphones/images/arrow_left.png) 10px 50% no-repeat;
    border-radius: 0 0 10px 10px;padding: 6px 15px 6px 25px;text-decoration: none;letter-spacing: 1px;
}
header nav .topmenu {
    margin: 18px 0 0 0;list-style: none;float: right;
}
#mobile-icon {
    display:none;
}
header .topmenu .topItem
{
    float:left;line-height:47px;padding:0 24px;position:relative; z-index:9998;
}
header .topmenu .topItem a
{
     float:left; height:100%;
}
header .topmenu .hasSub
{
   padding-right:14px; 
}
header .topmenu .topItem a .arrow
{
   background-image:url(/headphones/images/homepage/sprite.png);   
   background-position:-300px -50px;width:10px;height:10px;display:inline-block;margin-left:10px;
}
header .topmenu .topItem:hover
{
     background-color:#060606;
}
header ul .hasSub:hover .arrow
{
   background-position:-350px -50px;  
}

header nav .topmenu .drpMenu
{   
    position:absolute;z-index:9999;top:47px;right:0px;width:319px;
    background-color:#060606;padding:18px 18px 25px;list-style:none;display:none;
}
header nav .topmenu .topItem:hover  .drpMenu
{
   display:block;
}
header nav .topmenu .drpMenu li
{
    float:left; width:279px;
}
header nav .topmenu .drpMenu .lv2Item
{
    float:none;padding:0px 25px 0px 15px;
}
header nav .topmenu .drpMenu .lv2Item p
{
    line-height:normal;
}
header nav .topmenu .drpMenu .lv2Item .title
{
  text-align:left; 
}
header nav .topmenu .drpMenu .lv2Item .title a
{
  float:none; height:auto;   text-transform:uppercase;
}
header nav .topmenu .drpMenu .lv2Item .desc
{
    text-align:left;
    margin:5px 0;
}
header nav .topmenu .drpMenu .seperator
{
    background-color:#636363; height:1px; margin:8px 0px;width:319px;    
}
/*header section end*/


/*body*/

.mobile {
    display:none;
}
.content {
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
    padding:1px;
}
.fullwidth {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    min-height:900px;
    position:relative;
}
.mhl-content-box {
     padding: 25px 30px 5px 30px;
     background-color: rgba(0,0,0,0.6);
     width:560px;
     margin-top:100px;
}


.wraper {
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    height: 900px;
}
.wraper .content {
    width:960px;
}
.alignbotton {
    position: absolute;
    bottom: 0;
}
.product-row {
    width:960px;
}
.slider
{
    position:relative; z-index:500;
    margin-top:42px;
    width:960px; height:550px;
    overflow:hidden;
}
.slider_item
{
    width:960px; height:400px;
}
.sliderNav
{
    position:absolute;
    z-index:8;
    left:0px; top:236px;
    width:960px;
}
.sliderNav .nav
{
   width:32px; height:40px;
}
.sliderNav .prev
{
    float:left;
    background-position:-50px -50px;
}
.sliderNav .next
{
    float:right;
    background-position:-100px -50px;
}
.slider .innerSlider
{
   position: absolute;
    z-index: 400;
    left: 33px;
    width: 894px;
    background-color: rgba(0,0,0,0.5);
    overflow: hidden;
    height: 550px;
}
.slider_item_infor_wrapper
{ 
   float:left;
   text-align:left;       
   padding:16px;
}
.slider_item_infor
{   
   float:left;
   text-align:left;
}
.slider_item_infor .desc
{    
    margin-top:10px;
}
.slider_item_infor .learnMore
{
   margin-top:10px;
}
.bgMaster {
    background-image: url(../images/sprite.png);
}
.sliderNav .prev {
    float: left;
    background-position: -50px -50px;
}
.sliderNav .next {
    float: right;
    background-position: -100px -50px;
}
.slider_item_infor .product-img {
    float:left;
    
}
.slider_item_infor .product-info {
    float:right;
    width:457px;
}
.jump-menu{position:fixed;z-index:3;bottom:30px;left:10px}
.jump-menu.absolute{position:absolute !important}
.jump-menu li{display:block;position:relative;height:30px;background-color:none;list-style: none;
    margin: 0;
    padding: 0;}


.jump-menu li a{width:20px;height:30px;display:block;position:absolute;text-align:left;background:none}
.jump-menu li a span.circle{width:15px;height:15px;-webkit-border-radius:200px;border-radius:200px;background-color:#fff;display:inline-block;position:relative;top:7px;box-shadow:0 0 6px rgba(0,0,0,0.6)}
.jump-menu li h5{background-color:#6D6E71;margin-left:10px;position:relative;left:25px;font-size:14px;display:none;padding:10px;color:#fff;}
.jump-menu li h5:after{content:"";position:absolute;top:8px;left:-12px;border-width:10px 15px 10px 0;border-style:solid;border-color:transparent  #6D6E71 transparent transparent;width:0}
.jump-menu li a:hover+h5{display:inline-block}
.jump-menu li a:hover span.circle{background-color:#ED2024}
.jump-menu li.active span.circle{background-color:#ED2024}
.jump-menu li a:hover:after{display:block}
.jump-menu li a:hover span{background-color:#fff}


/*body end*/

/*footer section*/

/*footer section end*/