.vedioWrapper{
  /*position: relative;*/
  margin:auto;
  height: 80vh;
  width: 100%;
  overflow: hidden;
  visibility: hidden;
  
  //border: 1px solid black;
}
.vedioWrapper .leftButton{
  height: 80%;
  width: 10%;
  position: absolute;
  top: 10%;
  text-align: center;
  z-index: 10;
  left: 0;
}
.vedioWrapper .rightButton{
  height: 80%;
  width: 10%;
  position: absolute;
  top: 10%;
  text-align: center;
  z-index: 10;
  right: 0;
}
.vedioWrapper .rightButton .arrow{
  position: absolute;
  transition: 0.6s;
  right: 50%;
}
.vedioWrapper .leftButton .arrow{
  position: absolute;
  transition: 0.6s;
  left: 50%;
}

/*改箭頭顏色*/
.fa-angle-left:before,
.fa-angle-right:before{
  color:#F4935C;
}

.vedioWrapper .rightButton:hover{
  cursor: pointer;
}
.vedioWrapper .rightButton:hover .arrow{
  right: calc(50% - 10px);
}
.vedioWrapper .leftButton:hover{
  cursor: pointer;
}
.vedioWrapper .leftButton:hover .arrow{
  left: calc(50% - 10px);
}
.vedioWrapper .frame{
  width: 100%;
  height: 100%;
  position: relative;
}
.vedioWrapper .frame .vedios{
  height: 100%;
  position: relative;
  left: 0;
  transition: 1s;
}
.vedioWrapper .frame .vedios .vedio{
  position: relative;
  float: left;
  height: 100%;
  width: 33.333%;
  color: white;
  font-size: 30px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.vedioWrapper .frame .vedios .vedio .fa-play-circle-o{
  position: absolute;
  bottom: 10%; 
  padding: 5px 20px;
  transition: 0.3s;
  opacity:0.9;
  font-size: 60px;
}
.vedioWrapper .frame .vedios .vedio .title {
    position: relative;
    top: 30%;
    font-size: 100px;
    width: 100%;
    text-align: center;
    line-height: 1em
}
.vedioWrapper .frame .vedios .vedio .embedVideo{
  height: 100%;
  width: 100%;
}
.vedioWrapper .showVedio{
  height: 100%;
  width: 100%;
  position:fixed;
  left: 0;
  top: 0;
  background-color: black;
  visibility: hidden;  
  z-index: 1000;
  text-align: center;
  transition: 1s;
}
.vedioWrapper .showVedio .embedVideo{
  height:80vh;
  width:80vw;
  margin-top:10vh;
}


@media screen and ( max-width: 600px){
	.vedioWrapper{
		height: 300px;
	}
	.vedioWrapper .frame .vedios .vedio .title{
		font-size: 40px;
	}
}