/* YouTube like button over image used for fancybox openers
   h/t https://jsfiddle.net/esedic/g7vLh47r/ 
   
   web work by @cogdog
   
*/

/* size the thhumbnail, use as class on img */
.ythumb {
	width:100%;
	min-width:200px;
	position: relative;
}

/* forms the red button */
.ywrapper {
  background: rgba(0,0,0,0.55);
  width: 20%;
  min-width: 50px;
  max-width: 80px;
  height: 24px;
  border-radius: 5px;
  padding-top: 10px;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 9;
}

/* hover turns button grey */
.ycontainer:hover .ywrapper {
  background: #cd201f;
}

/* forms the triangle in the middle of the button */
.ytri {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 14px;
	border-color: transparent transparent transparent #ffffff;
	margin: 0 auto;
	cursor: pointer;
	z-index: 10;
	position: relative;
}