#site {
  width: 100%;
  margin: 20px auto 5px auto;
}

#bloc {
  display: block;
  position: static;
  overflow: hidden;
}

.box {
  margin: 0;
}

#videoBox {
  /* border: 10px solid #212223; */
  transition: 0.5s;
}

#commentsBox {
  float: left;
  width: 340px;
}

#suggBox {
  float: left;
  width: 220px;
}

#commentsBox > div,
#suggBox > div {
  background: #212223;
  margin-bottom: 20px;
  padding: 20px 30px;
}

#suggBox p span {
  width: 100%;
  display: block;
  background: #924;
  height: 8px;
  margin: 10px 0;
}

#suggBox p:before {
  width: 30%;
  content: ' ';
  display: block;
  background: #121314;
  height: 8px;
  margin: 10px 0;
}

#suggBox p:after {
  width: 70%;
  content: ' ';
  display: block;
  background: #999;
  height: 8px;
  margin: 10px 0;
}

#commentsBox p span {
  width: 100%;
  display: block;
  background: #eee;
  height: 6px;
  margin: 15px 0;
}

#commentsBox p:before {
  width: 30%;
  content: ' ';
  display: block;
  background: #121314;
  height: 6px;
  margin: 10px 0;
}

#commentsBox p:after {
  width: 70%;
  content: ' ';
  display: block;
  background: #eee;
  height: 6px;
  margin: 10px 0;
}

video {
  width: 100%;
  vertical-align: bottom;
}

#videoBox.in {
  animation: ac 1s;
}