﻿﻿@import "../mixins.less";
@import "../Style.less";
@import "../Page.less";
@import "Product.less";


#page_share { width:40px; margin-top: 150px; margin-left: 10px; margin-bottom: 80px;float:right; z-index: 100000; } .page_share_icon { height: 40px; margin: 4px 5px 4px 5px; border-top: 1px solid #e5e5e5; } .page_share_icon_top { border-top: 0px solid #e5e5e5; } .page_share_icon:hover { background-position: center -124px; } .page_share_icon a { display:block; width: 100%; height: 100%; } .page_share_icon_fb { background-image: url(/images/page_share_icon_fb.png); background-repeat: no-repeat; background-position: center 6px; } .page_share_icon_instagram { background-image: url(/images/page_share_icon_instagram.png); background-repeat: no-repeat; background-position: center 6px; } .page_share_icon_google { background-image: url(/images/page_share_icon_google.png); background-repeat: no-repeat; background-position: center 6px; } .page_share_icon_twitter { background-image: url(/images/page_share_icon_twitter.png); background-repeat: no-repeat; background-position: center 6px; } .page_share_icon_pinterest { background-image: url(/images/page_share_icon_pinterest.png); background-repeat: no-repeat; background-position: center 6px; } .page_share_icon_weibo { background-image: url(/images/page_share_icon_weibo.png); background-repeat: no-repeat; background-position: center 6px; }

#product_detail_cont {
	/*position: relative;*/
	overflow: hidden;
}detail_title_menu
#product_detail_cont .group_center {
	
	width: 1220px;
}
#product_detail_cont .group_center .right_back{
	float: left;
	width: 70px;
	/*height: 200px;*/
	/*border: 1px dotted #9C3;*/
}
.detail_right_back {
	width: 70px;
	height: 100px;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 420px 0px 0px 0px;
	text-align: center;
}
.detail_right_back a {
	display: block;
	
	font-size: 12px;
	color: #b1b1b1;
	line-height: 18px;
	text-decoration: none;
	background-image: url(../../Images/detail_right_back.png);
	background-repeat: no-repeat;
	background-position: -13px top;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	text-align: center;
}
.detail_right_back a:hover {
	color: @color3;
	background-position: -83px top;
}



#product_detail_cont .group_center .left_cont{
	float: left; /*width: 1080px;*/ width: 1120px; overflow: hidden;
	
}
.detail_left_cont {
	background-color:#fff;
	overflow:hidden;
    border-radius: 10px;
	margin: 0px 5px 60px 5px;
	padding: 40px 0px 0px 0px;
	/*box-shadow: -webkit- 0px 3px 3px 2px rgba(20%,20%,40%,0.1);
    box-shadow: -moz- 0px 3px 3px 2px rgba(20%,20%,40%,0.1);
    box-shadow: -ms- 0px 3px 3px 2px rgba(20%,20%,40%,0.1);
    box-shadow: -o- 0px 3px 3px 2px rgba(20%,20%,40%,0.1);
    box-shadow:  0px 3px 3px 2px rgba(20%,20%,40%,0.1);*/
	/*height: 200px;*/
}





/*-------detail_title_area--------------------------------*/
.detail_title_area {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ececec;
	width: 100%;
	float:left;
    height:57px;
}
.detail_title_p_logo {
	float:left;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
    position:absolute;
    height:57px;
    overflow:hidden;
}
.detail_title_menu {
	position:relative;
	top: 22px;
	float: right;
	text-align: right;
	height: 35px;
	/*background-color: #FFC;*/
}
.detail_title_menu ul{
}
.detail_title_menu li{
	float: left;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
    letter-spacing: 0px;
	font-size: 12px;
	background-image: url(../../Images/detail_title_menu_li.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.detail_title_menu li.detail_title_menu_line {
	float: left;
	width:10px;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.detail_title_menu li.detail_title_menu_line:hover {

}
.detail_title_menu ul li a {
	padding: 10px 15px 10px 15px;
	display:block;
	text-transform: capitalize;
	text-decoration: none;
	font-size:14px;
	color:#58585a;
	font-weight: 400;
}
.detail_title_menu ul li:hover {
	background-image: url(../../Images/detail_title_menu_li_bg_left.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.detail_title_menu ul li:hover a {
	/*color: #9cc812;*/
	color: #000;
	text-decoration: none;
	background-image: url(../../Images/detail_title_menu_li_bg_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}



.detail_img_area {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 590px;
	float:left;
	position: relative;
}








.detail_img_show {	
	width:1080px;
	height: 590px;
	float:left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.detail_img_show img{
	width:1080px;
	height: 590px;
}
.detail_img_nav { float: left;overflow: hidden;}
.detail_img_nav li { float: left; list-style: none;overflow: hidden; }
.detail_img_nav a {
	display:block;
	width:130px;
	height:73px;
	text-align:center;
	margin: 0px 3px 5px 2px;
	
}
.detail_img_nav li a{
	border: 1px solid #d2d2d2;
}
.detail_img_nav li a:hover {
	border: 1px solid #58585a;
}
.detail_img_nav li.activeSlide a { border: 1px solid #58585a; }
.detail_img_nav a:focus { border: 1px solid #58585a;}
.detail_img_nav img {
	border: none;
	display: block;
	width:130px;
	height:71px;
}






.detail_s_img {
	width: 1080px;
	height: 31px;
	position: absolute;
	top: 500px;
	left: 0px;
	z-index: 50;
	
}
.detail_s_img ul {
	margin-left: 4px;
}
.detail_s_img li {
	margin: 0px 3px 0px 3px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #E2E2E2;
	height:72px;
}
.detail_s_img li:hover {
	cursor: pointer; 
}
.carousel-hide {
    display:none;
}
.carousel ul {
	
	list-style: none;
	

}
.carousel li {
	
}



/*.no-js .carousel ul {position:static;}*/

.carousel .mask {
	width: 1000px;
	position: relative;
	overflow: hidden;
	left: 35px;
	
}

.carousel ul li {
float:left;

}

.carousel .pagination-links {
list-style:none;
margin:0;
padding:0;
display:none;
}

.carousel .pagination-links li {
display:inline;
}

.carousel .pagination-links li a {

}

.carousel .pagination-links li a:hover {text-decoration:none;}

.carousel .pagination-links li.current a {

}

.carousel .disabled {

opacity: 0.2;
cursor:default;
}



/** img_carousel **/
#img_carousel.mask {
	width: 970px;
	
}

#img_carousel ul li {

}



a.detail_bt_prev {
	opacity: 1;
	display: block;
	width: 40px;
	height: 71px;
	background-image: url(../../Images/detail_bt_prev.png);
	background-repeat: no-repeat;
	background-position: 8px -28px;
	text-indent: -50000px;
	float: left;
	position: relative;
	top: -80px;
	left: 0;
	z-index: 399;/*border: 1px dotted #C30;*/
}
a.detail_bt_next {
	opacity: 1;
	display: block;
	width: 40px;
	height: 71px;
	text-indent: -50000px;
	background-image: url(../../Images/detail_bt_next.png);
	background-repeat: no-repeat;
	background-position: -4px -28px;
	float: right;
	position: relative;
	top: -80px;
	left: 0;
	z-index: 399;/*border: 1px dotted #C30;*/
}

a#item_video_in:hover .playbtn {
           
}
.playbtn {
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("/Images/videoplaybtn.png");
    background-position: center center;
    height: 71px;
    opacity: 0.8;
    position: absolute;
    width: 130px;
}


.p_video {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	float: left;
	position:relative;
    height:597px;
	/*position:absolute;
	top: 0;
	left: 0;
	width:1070px;
	height: 590px;
	background-color:#fff;
	z-index: 1699;
	opacity: 10.4;*/
}
.p_video a,
.p_vr a{
	position:absolute;
	top: 0px;
	left: 1038px;
	z-index: 1699;
}
.p_video a:hover,
.p_vr a:hover{
	cursor: pointer; 
}
.p_video iframe {
	width:1070px;
	height: 597px;
}

.p_vr {
	position:absolute;
	top: 0;
	left: 0;
	width:1070px;
	height: 590px;
	background-color:#fff;
	z-index: 1699;
	opacity: 10.4;
    overflow:hidden;
}

.p_vr iframe {
	width:1070px;
	height: 590px;
}



#detail_for {
	position:absolute;
	bottom:100px;
	left: 740px;
	z-index: 90;
	width:330px;
	.font(400,12px,18px);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.detail_for_top {
	background-image: url(/Images/detail_for_top.png);
	background-position: left top;
	background-repeat: no-repeat;
	
	height: 15px;
}
.detail_for_mid {
	background-image: url(/Images/detail_for_mid.png);
	background-position: left top;
	background-repeat: repeat-y;
	padding:0 10px 0 20px;
}
.detail_for_down {
	background-image: url(/Images/detail_for_down.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	
	height: 15px;
}
.detail_for_line {
	float: left;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
	height: 10px;
	background-image: url(/Images/detail_for_line.png);
	background-repeat: no-repeat;
	background-position: right -6px;
}
.d_color {
    margin-top:10px;
}
.d_color ul, .d_color li {
    float:left;
}
.d_designed_for {
    position:relative;z-index:9999;
}
.detail_for_bt {
    float:right;
	margin: -3px 0px 0px 5px;
}
.detail_for_txt {
    text-align:right;margin-right:10px;
    float:left;min-width:90px;display:block;line-height:30px;
}
.detail_for_txt2 {
    float:right;
}
.d_buy_now {
    padding:5px;
}
.price {
    font-size:18px;font-weight:600;line-height:20px;display:block;margin-right:5px;
}

.detail_cont_area {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	float: left;
	position:relative;
	
}
.detail_cont_description_img,
.detail_cont_features_img {
	width: 540px;
	
}

.detail_cont_shadow_top {
	width: 100%;
	height: 30px;
	position: absolute;
	top: 0;
	background-image: url(../../Images/detail_cont_shadow_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 99;
}
.detail_cont_shadow_down {
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
	/*background-image: url(../../Images/detail_cont_shadow_down.png);*/
	background-repeat: no-repeat;
	background-position: center bottom;
	z-index: 99;
    pointer-events:none;
}
.detail_cont_txt {
    width: 38%;
    margin: 50px 50px 50px 50px;
    padding: 0px 0px 0px 0px;
	font-size:14px;
	font-weight:400;
	line-height:20px;

    ul {
        margin: 0px 0px 0px 15px;
        list-style-type: disc;

        li {
            margin-bottom:8px;
        }
    }

    h2 {
        
        margin-bottom: 20px;
        .font(600,22px);
    }
}
/*spec*/
.detail_cont_spec_area {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    float: left;
    position: relative;
    background-color: #f5f5f5;
    overflow: hidden;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ededed;
    /*border: 1px dotted #09F;	*/
    h2 {
        .font(600,22px);
        margin: 50px 50px 20px 50px;
    }

    h3 {
        font-size:14px;
		font-weight:700;
    }
}


.spec_table_top {
	width: 100%;
	height: 50px;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../../Images/spec_table_top.jpg);
	background-repeat: no-repeat;
	background-position: -14px bottom;
}
.spec_table_bottom {
	width: 100%;
	height: 50px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 100px 0px;
	background-image: url(../../Images/spec_table_down.jpg);
	background-repeat: no-repeat;
	background-position: -14px top;
}
.spec_table_middle {
	width: 100%;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../../Images/spec_table_c.jpg);
	background-repeat: repeat-y;
	background-position: -14px top;
}

.spec_item {
	width: 100%;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.spec_icon {
	width: 145px;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	text-align:right;
}
.spec_table {
	width: 890px;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 90px 10px;
	
	
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	/*border: 1px dotted #9C6;*/
}
.spec_table ul{
	margin:0;
	padding:0;
}
.spec_item h3 {
	float: left;
	width:100%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 20px;
	
}
.spec_table_w834 {
	width: 814px;
	/*height: 200px;*/
	color:#b1b1b1;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 20px;
	line-height:22px;
}
.spec_table_com_w834 {
	width: 814px;
	/*height: 200px;*/
	overflow: hidden;
	color:#b1b1b1;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 20px;
	line-height:22px;
}
.spec_table_com_w834 ul{
	float: left;
	width: 250px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
.spec_table li.bc_ececec {
	width: 834px;
	overflow: hidden;
	background-image: url(../../Images/spec_table_li_ececec.jpg);
	background-repeat: repeat-y;
	background-position: left top;	
}
.spec_table li.bc_f5f5f5 {
	width: 834px;
	overflow: hidden;
	background-image: url(../../Images/spec_table_li_f5f5f5.png);
	background-repeat: repeat-y;
	background-position: left top;	
}
.spec_table_w234 {
	width: 214px;
	height: 26px;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 20px;
}
.spec_table_w600 {
	color: #b1b1b1;
	width: 570px;
	height: 26px;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 30px;
}
/*------------detail_cont_app_area-----------------------------------*/
.detail_cont_app_area {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	float: left;
	position: relative;
	/*background-image: url(../../Images/app_bg.jpg);*/
	background-repeat: no-repeat;
	background-position: center bottom;
}
.detail_cont_app_img {
	width: 330px;
	float:left;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
}
.detail_cont_app_txt {
	width: 620px;
	float: left;
	margin: 50px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
	font-size:14px;
	line-height:20px;
	  font-weight: 400;
	/*border: 1px dotted #C33;*/
}
.detail_cont_app_txt h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    
}
.detail_cont_app_txt h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}
.qr_icon {
	width: 135px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px dotted #C33;*/
}
.appstore_icon {
	width: 95px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px dotted #C33;*/
}
/*-----------detail_cont_instructions_area----------------------------------------*/
.detail_cont_instructions_area {
	float: left;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	position: relative;
	overflow:hidden;
	/*background-color:#f5f5f5;*/
}

.ins_step {
	float: left;
	overflow:hidden;
	ont-size:14px;
	line-height:20px;
	font-weight:400;
	/*border: 1px dotted #960;*/
}

.detail_cont_instructions_txt {
    h2 {
	
	    .font(600,22px);
        margin: 50px 50px 20px 50px;
    }
     h3 {
	
	.font(700,14px);
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
    }
     h3.ins_step_title {
	
	
	    margin: 0px 0px 10px 0px;
	    padding: 5px 0px 5px 0px;
	    background-image: url(../../Images/ins_step_h3_bg.jpg);
	    background-repeat: no-repeat;
	    background-position: center top;
	    text-align: center;
    }
}
.ins_txt {
   
    p {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	font-size:14px;
	line-height:20px;
	font-weight:400;
    }
	p{
		font-size:14px;
	line-height:20px;
	font-weight:400;
	}
    ul {
	
	    margin: 0px 0px 0px 15px;
	    padding: 15px 0px;
	    list-style-type: disc;
    }
    ol {
	    
	    margin: 0px 0px 0px 15px;
	    padding: 10px 0px 10px 0px;
	    list-style-type: decimal;
    }
    li {
	
	   font-size:14px;
	line-height:22px;
	    margin-bottom: 10px;
	    padding: 0px 0px 0px 0px;
    }
	a {
		text-decoration: underline;
		font-weight:bold;
	}
	a:hover {
        cursor: pointer;
		font-weight:bold;
        text-decoration: underline;
    }
}


.caption {
	
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	margin: 0px auto;
	overflow:hidden;
	/*width:80%;*/
	text-align:center;
    width:420px;
	
}



.ins_table {
	background-image: url(../../Images/ins_table.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 165px;
	width: 800px;
}
.ins_ul {
	margin: 55px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	float:left;
	width: 740px;
	text-align: center;
}
.ins_ul ul{
}
.ins_ul li{
	float: left;
	list-style-type: none;
	text-align: center;
	margin: 0px 1px 0px 9px;
	padding: 0px 0px 0px 0px;
	width: 70px;
	font-size:12px;
	line-height:22px;
}



/*------ins_step_img----------------------------*/
.ins_step_img {
	width: 400px;
	height:200px;
	text-align: center;
	margin: 0px auto;
	overflow:hidden;
	/*width:80%;*/
	/*margin: 10px 0px 10px 13px;
	padding: 0px 0px 0px 0px;*/
	/*border: 1px dotted #960;*/
}
.ins_step_img2{
    text-align:center;

}
.ins_step_table {
	position:relative;
	left:50%;
	float:left;
	padding-top: 10px;
}
.ins_step_table ul {
	overflow:hidden;
	list-style: none;
	position:relative;
	left:-50%;
}
.ins_step_table li {
	float:left;
}
.ins_step_table li.ins_step_table_left {
	width:25px;
	height:50px;
	border-radius: 50px 0px 0px 50px;
	background-color: #ececec;
}
.ins_step_table li.ins_step_table_right {
	width:25px;
	height:50px;
	border-radius: 0px 50px 50px 0px;
	background-color: #ececec;
}
.ins_step_table li.ins_step_table_mid {
	height:50px;
	background-color: #ececec;
}
.step_div {
	float:left;
	
	
	font-size: 15px;
	line-height: 26px;
	font-weight: normal;
	margin: 13px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.ins_nav { 
    float:left;
} 
.ins_nav a {
	border-radius: 30px;
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	background-color: #d5d5d5;
	
	color: #fff;
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
	text-align: center;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	text-transform: none;
	text-decoration: none;  
	border: 5px solid #ececec;
} 
.ins_nav a.activeSlide {
	background: #9bc713;
	border: 5px solid #c0d877;
} 
.ins_nav a:focus { 
    outline: none; 
}
/*-----------tw500 tw1000-----------------------------------------*/
.tw500 {
	width: 430px;
	overflow: hidden;
	/*border: 1px dotted #6CC;*/
}
.tw1000 {
	width:800px;
	overflow: hidden;
    margin:20px 0 40px 60px;
	/*border: 1px dotted #6CC;*/
}
.tw1200 {
	width:900px;
	overflow: hidden;
	/*border: 1px dotted #6CC;*/
}


/*.tw1000 {
	width: 900px;
	overflow: hidden;
}
.detail_cont_m_p_2 {
	margin: 20px 0px 40px 85px;
	padding: 0px 0px 0px 0px;
}*/
.detail_cont_m_p_3 {
	margin: 20px 0px 40px 75px;
	padding: 0px 0px 0px 0px;
}
.detail_cont_shadow_mid {
	float: left;
	background-image: url(../../Images/detail_cont_shadow_mid.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 40px;
	height: 400px;
}

/*-----------------detail_cont_footer--------------------------------------*/
.detail_cont_footer {
	/*border: 1px dotted #C33;	*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	width: 100%;
	position: relative;
	overflow:hidden;
	background-color:#f1f1f1;
	border-radius: 0 0 10px 10px;
}
.detail_footer_1,
.detail_footer_2,
.detail_footer_3 {
	float: left;
	width: 33%;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 25px 40px 20px 40px;
	text-align: center;
}
.detail_footer_1_mid {
	background-image: url(../../Images/detail_footer_1_mid.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.detail_cont_footer h3{
	
	.font(700,14px);
    margin-bottom:6px;
	text-align: center;
}
.detail_cont_footer p {
	height: 85px;
	
	.font(400,12px,20px);
	margin: 0px 0px 30px 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
}


#form_detail_for .jqTransformSelectWrapper {
	width:189px;
	}
 
 