
.videodetail{
	width:100%;
	/*height:859px;*/
	background:#303036;
	padding-top:69px;
	padding-bottom:19px;
}
.videodetail .videobox{
	width:98%;
	max-width:1241px;
	*width:1241px;
	height:698px;
	margin:0 auto;
}
.videodetail .vinfo{
	width:98%;
	max-width:1241px;
	*width:1241px;
	margin:0 auto;
	line-height:60px;
	height:70px;
	font-size:18px;
	color:#d6d6d6;
	position:relative;
}
.videodetail .vinfo .vliulan{
	text-align:right;
	position:absolute;
	top:0;
	right:100px;
}
.videodetail .vinfo .vshare{
	display:inline-block;
	width:100px;
	padding-right:15px;
	text-align:right;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	height:100%;
}
.videodetail .videosharebox{
	width:443px;
	height:64px;
	padding:12px 44px 0;
	background:#fff;
	border-radius:3px;
	position:absolute;
	right:0;
	top:70px;
	font-size:0;
	box-shadow:0px 0px 5px #eee;
	z-index:999;
	display:none;
}
.videodetail .videosharebox:after{
	position: absolute;
    content: '';
    width: 0;
    border-style: solid;
    right:25px;
    top:-15px;
    z-index:20;
    border-width:9px;
    border-color: transparent  transparent  #fff transparent;
}
.videodetail .videosharebox .bshare-custom a{
	display:inline-block;
	width:41px;
	height:41px;
	vertical-align:middle;
	background:url("/Public/Home/img/pickvideo/fx1.png") no-repeat center center;
	margin:0 22px;
}
.videodetail .videosharebox a.bds_qzone{
	background-image:url("/Public/Home/img/pickvideo/fx2.png");
}
.videodetail .videosharebox a.bds_tsina{
	background-image:url("/Public/Home/img/pickvideo/fx3.png");
}
.videodetail .videosharebox a.bds_weixin{
	background-image:url("/Public/Home/img/pickvideo/fx4.png");
}
.videodetail .vinfo .vtitle i{
	display:inline-block;
	width:3px;
	height:12px;
	background:#b49266;
	margin-right:15px;
}
.videodetail .vshare:hover .videosharebox{
	display:block;
}
.morevideo{
	padding:40px 0;
}
.morevideo a{
	width:207px;
	height:42px;
	line-height:42px;
	display:block;
	margin:0 auto;
	font-size:18px;
	color:#797979;
	text-align:center;
	text-decoration:none;
	border:1px solid #2e2e2c;
}
.morevideo a:hover,.morevideo a:focus{
	color:#b49266;
	border:1px solid #b49266;
}
/* 视频video.js样式修改 */
video#my-video{
	width:456px;
	height:1;
}
.vjs-poster{
	background-color: transparent;
}
.my-video-dimensions{
	width:456px;
	height:256px;
}
.video-js .vjs-big-play-button{
    width:100%;
    height:100%;
    text-align:center;
    color:#fff;
    background:url(/Public/Home/img/designer_vicon.png) no-repeat center center;
    background-color:rgba(0,0,0,0.6);
    position:absolute;
    top:0;
    left:0;
    border:0;
    border-radius:0;
    transition:opacity 0.3s;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder{
    display:none;
}
.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{
    background-color:transparent;
    background:none;
}

.video-js .vjs-big-play-button:after{
	pointer-events: none;
	position: absolute;
	width: 100%;
	height:40px;
    line-height:40px;
    font-size:16px;
    background:rgba(0,0,0,0.5);
	border-radius:0;
	content: '点击视频 · 了解设计师';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	bottom: -50px;
	left: 0;
	padding: 0;
    opacity:0;
	box-shadow: 0 0 0 0 #fff;
	-webkit-transition:bottom 0.2s, opacity 0.2s;
	-moz-transition: bottom 0.2s, opacity 0.2s;
	transition: bottom 0.2s, opacity 0.2s;
}
.video-js .vjs-big-play-button:hover:after {
	bottom:0;
    opacity:1;
}

.video-js .vjs-control-bar{
    height:6em;
}
.vjs-button>.vjs-icon-placeholder:before{
    font-size:2.8em;
    line-height:2.6;
}
.video-js .vjs-control{
    width:6em;
}
.video-js .vjs-time-control{
    font-size:1.6em;
    line-height:4.4em;
    padding:0 0.5em;
}
.vjs-volume-bar.vjs-slider-horizontal{
    width:4.5em;
    height: .3em;
}
.video-js .vjs-volume-bar{
    margin: 2.8em -1.4em;
}

/* */
.asdsx{
    width: 250px;height: 50px;border: 1px solid #ccc;background-color: transparent;
    color: #5f5f5f;
    margin: 25px auto;
    font-size: 24px;
    letter-spacing: 3px;

}
.asdsx:hover{
    background-color:#ccc;
    color: #fff;
}
.posi_rev_1440{
    width:1205px;
}
#designer-detail .main .info{
    background:url(/Public/Home/img/bg01_1.jpg) no-repeat;
    background-size:100%;
    height:440px;
    padding:0 145px;
}
#designer-detail .main .info .designer{
    width:293px;
    height:293px;
    margin-top:71px;
    float:right;
}
#designer-detail .main .des{
    padding:24px 145px;
}
dl.level{
    margin-top:0;
}
#designer-detail .main .des .linebox{
    width:340px;
    height:5px;
    background:#a88657;
    margin-top:64px;
    margin-bottom:24px;
}
#designer-detail .main .des h4{
    font-size:22px;
}
#designer-detail .main .des .col-xs-6{
    padding:0;
    float:left;
    width:40%;
    max-width:400px;
}
#designer-detail .main .info .designer .images{
    position:relative;
    border:0;
}
#designer-detail .main .info .designer .images .cengbox{
    width:100%;
    height:40px;
    line-height:40px;
    position:absolute;
    bottom:0;
    left:0;
    background:rgba(0,0,0,0.6);
    color:#fff;
}
.order .persons em{
    font-size:24px;
}
.des_video{
    width:456px;
    height:256px;
    float:right;
    position:relative;
    overflow:hidden;
}
.des_video img{
    width:100%;
}
.des_video .cengbox{
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    background:rgba(0,0,0,0.6);
    position:absolute;
    bottom:-50px;
    left:0;
    transition:0.3s bottom;
}
.des_video .cengbox1{
    width:100%;
    height:100%;
    text-align:center;
    color:#fff;
    background:url(/Public/Home/img/designer_vicon.png) no-repeat center center;
    background-color:rgba(0,0,0,0.6);
    position:absolute;
    top:0;
    left:0;
    transition:0.3s opacity;
}
.des_video:hover .cengbox{
    bottom:0;
}
.des_video:hover .cengbox1{
    opacity: 0;
}
@media (max-width: 1900px){
    .container{
         width: 100% !important; 
    }
}
@media (max-width: 1290px){
    .container{
         width: 100% !important; 
    }
    #designer-detail .main .des{
        padding:24px 20px;
    }
    #designer-detail .main .info{
        background-size:auto;
        background-position:center center;
    }
}
@media (max-width: 990px){
    #designer-detail .main .info{
        padding:0 40px;
    }
    .des_video{
        width:60%;
    }
}
@media (max-width: 750px){
    #designer-detail .main .info{
        padding:0 20px;
    }
    #designer-detail .main .info .col-xs-6{
        width:50%;
    }
    #designer-detail .main .info .designer{
        width:50%;
    }
    #designer-detail .main .info .designer .images{
        width:100%;
        height:auto;
    }
    .des_video{
        float:none;
        width:100%;
    }
}